Formular farbig hinterlegen

SonicChriz

wie bekomme ich es hin das ein formularfeld farbig hinterlegt wird?
also das ein passwortfeld oder so nicht standardmäßig weiß ist sondern
z.b. schwarz oder grau.

kann mir einer einen code geben ?
ich habe forumsuche gemacht und bei google gesucht aber nichts passendes gefunden.

m*f*g SonicChriz

phore

hallo. geht mit css, entweder so direkt im input feld (oder button oder so):

Code

<input type="text" name="text" style="width=100px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; background-color: #FFFFFF; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; ">

oder du bindest den style in dein stylesheet ein, du machst im stylesheet zb. so:
input
{
definierungen von oben
}

und dann beim feld:

Code

<input type usw. class="input">

class muss das sein was du im stylesheet definiert hast.
mfg - phore

SonicChriz

danke schön ich probiere es

SonicChriz

Ehhmmmm..... sorry aber ich blicke da nicht durch,
könntest du mir deisen code in das stylesheet umschreiben so wie du es oben geschreiben hast?

HTML

<html>


<head>
<body bgcolor="#FFFFFF">


<table cellpadding=3 cellspacing=3 border=0 bgcolor=#FFFFFF width=350 style="border-collapse: collapse" bordercolor="#111111"><form method="POST" action="http://www.voteonline2.de/formmailer/formmailer.cgi">
<tr>
  <td bordercolor="#ECECEC" rowspan="2" bgcolor="#E4E4E4" ><center>



</p>
  </td><td bgcolor="#1F4DA0"><font face="Times New Roman">



[b]<font color="#FFFFFF">Registrierung</font>


  [/b]</p>
  </font></td>
</tr>
<tr>
  <td bgcolor="#E4E4E4"><font face="Times New Roman">
  Gewünschter Nickname[b]:


  [/b]
  <font color="#FF0000">* </font>
  <input type="text" name="name" size="28" onBlur=this.style.backgroundColor='#DFDFDF' onFocus=this.style.backgroundColor='#ffffff' style='font-size: 8pt; color:#ff0000; background:#DFDFDF; font-family: Arial' value="#########"></font></td>
</tr>
<tr>
  <td bgcolor="#E4E4E4"><font face="Times New Roman"><center>



[b][/b]</font></p>
  </td><td bgcolor="#E4E4E4"><font face="Times New Roman">Vorname:


  <font color="#FF0000">*</font>
  <input type="text" name="Vorname" size="20">


  Nachname


  <font color="#FF0000">*</font>
  <input type="text" name="Nachname" size="20">


  eMail[b]:


  [/b]<font color="#FF0000">*</font></font><font face="Times New Roman" color="#FFFFFF">[b]
  <input type="text" name="emailfrom" size="20" onBlur=this.style.backgroundColor='#DFDFDF' onFocus=this.style.backgroundColor='#ffffff' style='background:#DFDFDF; ' value="######@#####.###">[/b]</font></td>
</tr>
<tr><td bgcolor="#E4E4E4"><top>



</p>
  </td><td bgcolor="#E4E4E4">
Passwort:


<font color="#FF0000" face="Times New Roman">* </font>
<input type="password" name="Password" size="20" value="********">


Passwort wiederholen: 


<font color="#FF0000" face="Times New Roman">*</font>
<input type="password" name="Password_wiederholung" size="20" value="********">


Wo wohnen Sie?




<input type="checkbox" value="Deutschland" name="Land"> Deutschland


<input type="checkbox" value="Österreich" name="Land"> Österreich


<input type="checkbox" value="Schweiz" name="Land"> Schweiz


Welches Bundesland?




<input type="text" name="Bundesland" size="20">


Welche Stadt?




<input type="text" name="Stadt" size="20">


Noch eine Nachricht an den Webmaster?:


<textarea rows="8" name="text" cols="61" onBlur=this.style.backgroundColor='#dedede' onFocus=this.style.backgroundColor='#ffffff' style='font-size: 8pt;  background:#DFDFDF; color:#ff0000;  font-family: Arial'></TEXTAREA></td></tr>
<tr><td valign=top bgcolor="#E4E4E4"></td><td bgcolor="#E4E4E4"><input type="submit" value="abschicken" style='font-size: 8pt; height:14pt; color:black; font-weight:bold; font-family: Arial' name="submit"></td></tr>
<tr><td bgcolor="#E4E4E4"></td><td bgcolor="#E4E4E4"></td></tr>
<input type="hidden" name="email" value="sonicchriz@yahoo.de" size="42">
<input type="hidden" name="hintergrundfarbe" value="#ffffff" size="42">
<input type="hidden" name="schriftfarbe" value="#ff0000" size="42">
<input type="hidden" name="hintergrundbild" value="" size="42">
<tr><td valign=top bgcolor="#E4E4E4"></td><td bgcolor="#E4E4E4">
</td></tr>
  </form></table>




</head>


</html>






</p>


</body>

Alles anzeigen

also ich kann es nicht.du kannst es mir ja nochmal erklären.besser wäre es aber wenn du es machen könntest.

danke m*f*g Sonicchriz ps:wenn du es nicht machen möchtest ist es auch nicht schlimm.

odyssee

Hi ! Du solltest vielleicht drauf achten, dass du von deiner html-datei erst mal den Rumpf richtig erstellst.

Der würde nämlich so aussehen:

HTML

<html>
<head>
  Headangaben wie zum Beispiel stylesheet
</head>


<body>
  Sichtbarer teil, wie z.B. Tabellen, Frames, Formulare ...
</body>
</html>

Du hast den head, wie html noch vorm body wieder aufgelöst. Das kann in andernen Browsern zu Anzeigefehlern führen.

Hier jetzt also der komplette Code incl. stylesheet, wie ph0re es vorgeschlagen hat:

HTML

<html>


<head>




<style>
 input { width=100px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; background-color: #FFFFFF; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
</style>


</head>


<body bgcolor="#FFFFFF">


<table cellpadding=3 cellspacing=3 border=0 bgcolor=#FFFFFF width=350 style="border-collapse: collapse" bordercolor="#111111"><form method="POST" action="http://www.voteonline2.de/formmailer/formmailer.cgi">
<tr>
  <td bordercolor="#ECECEC" rowspan="2" bgcolor="#E4E4E4" ><center>



</p>
  </td><td bgcolor="#1F4DA0"><font face="Times New Roman">



[b]<font color="#FFFFFF">Registrierung</font>


  [/b]</p>
  </font></td>
</tr>
<tr>
  <td bgcolor="#E4E4E4"><font face="Times New Roman">
  Gewünschter Nickname[b]:


  [/b]
  <font color="#FF0000">* </font>
  <input type="text" name="name" size="28" onBlur=this.style.backgroundColor='#DFDFDF' onFocus=this.style.backgroundColor='#ffffff' style="font-size: 8pt; color:#ff0000; background:#DFDFDF; font-family: Arial' value="#########" class=input></font></td>
</tr>
<tr>
  <td bgcolor="#E4E4E4"><font face="Times New Roman"><center>



[b][/b]</font></p>
  </td><td bgcolor="#E4E4E4"><font face="Times New Roman">Vorname:


  <font color="#FF0000">*</font>
  <input type="text" name="Vorname" size="20" class=input>


  Nachname


  <font color="#FF0000">*</font>
  <input type="text" name="Nachname" size="20" class=input>


  eMail[b]:


  [/b]<font color="#FF0000">*</font></font><font face="Times New Roman" color="#FFFFFF">[b]
  <input type="text" name="emailfrom" size="20" onBlur=this.style.backgroundColor='#DFDFDF' class=input onFocus=this.style.backgroundColor='#ffffff' style='background:#DFDFDF; ' value="######@#####.###">[/b]</font></td>
</tr>
<tr><td bgcolor="#E4E4E4"><top>



</p>
  </td><td bgcolor="#E4E4E4">
Passwort:


<font color="#FF0000" face="Times New Roman">* </font>
<input type="password" name="Password" size="20" value="********">


Passwort wiederholen: 


<font color="#FF0000" face="Times New Roman">*</font>
<input type="password" name="Password_wiederholung" size="20" value="********">


Wo wohnen Sie?




<input type="checkbox" value="Deutschland" name="Land"> Deutschland


<input type="checkbox" value="Österreich" name="Land"> Österreich


<input type="checkbox" value="Schweiz" name="Land"> Schweiz


Welches Bundesland?




<input type="text" name="Bundesland" size="20" class=input>


Welche Stadt?




<input type="text" name="Stadt" size="20" class=input>


Noch eine Nachricht an den Webmaster?:


<textarea rows="8" name="text" cols="61" onBlur=this.style.backgroundColor='#dedede' onFocus=this.style.backgroundColor='#ffffff' style='font-size: 8pt;  background:#DFDFDF; color:#ff0000;  font-family: Arial'></TEXTAREA></td></tr>
<tr><td valign=top bgcolor="#E4E4E4"></td><td bgcolor="#E4E4E4"><input type="submit" value="abschicken" style='font-size: 8pt; height:14pt; color:black; font-weight:bold; font-family: Arial' name="submit"></td></tr>
<tr><td bgcolor="#E4E4E4"></td><td bgcolor="#E4E4E4"></td></tr>
<input type="hidden" name="email" value="sonicchriz@yahoo.de" size="42" class=input>
<input type="hidden" name="hintergrundfarbe" value="#ffffff" size="42" class=input>
<input type="hidden" name="schriftfarbe" value="#ff0000" size="42" class=input>
<input type="hidden" name="hintergrundbild" value="" size="42" class=input>
<tr><td valign=top bgcolor="#E4E4E4"></td><td bgcolor="#E4E4E4">
</td></tr>
  </form></table>






</body>
</html>

Alles anzeigen

Viel Spaß beim einbinden / kopieren.

Über background-color kannst du die Hintergrundfarbe ändern. Wer hätte das gedacht. Für den rest einfach rumprobieren oder die Befehle auf selfhtml eben raussuchen.

Gruß,

Odyssee

wernerdeluxe

auch wenn ich dafür vlieleicht gehasst werde

Hier ein Link: http://www.ulf-theis.de/tutorials/drea…t_formstyle.php

odyssee

Zitat

auch wenn ich dafür vlieleicht gehasst werde Shocked

Ich geb dir da voll und ganz recht und wieso sollt dich dafür einer hassen? Ich wollt ihm ja nur kurz die massiven Fehler aus dem Quellcode nehmen

Warum nicht zwei Fliegen mit einer Klappe schlagen ?

wernerdeluxe

Zitat von odyssee

Ich geb dir da voll und ganz recht und wieso sollt dich dafür einer hassen?

Ei weil ich kleiner ProgrammiererN00b ... enfach so mit nem billigem Link dahim komm.

aber is ja alles gut gegangen

Tags