Umfassendes Verständnis von HTML-Formularelementen

Wie unten dargestellt:

XML/HTML-CodeInhalt in die Zwischenablage kopieren

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns = "http://www.w3.org/1999/xhtml" >
<Kopf>
< Titel > Anmeldeformular </ Titel >
</ Kopf >
< Textkörper >
< Formular Aktion = "DoFormAction.htm" >
< Feldsatz Stil = "Breite=800px" >
< legend > Bitte geben Sie die folgenden Informationen ein und registrieren Sie sich </ legend >
< Tabelle Zellenabstand = "0px" Zellenpadding = "6px" Rahmen = "1px" Rahmenfarbe = "schwarz" ausrichten = "zentriert" Breite = "600px" >
< tr >
< td align = "right" > Benutzername: </ td >
<td> < Eingabe Typ = "Text" Größe = "20" Stil = "Breite: 150px" /> </ td >
</tr>
< tr >
< td align = "right" > Passwort: </ td >
<td> < Eingabe Typ = "Passwort" Größe = "20" Stil = "Breite: 150px" /> </ td >
</tr>
< tr >
< td align = "right" > Passwort bestätigen: </ td >
<td> < Eingabe Typ = "Passwort" Größe = "20" Stil = "Breite: 150px" /> </ td >
</tr>
< tr >
< td align = "right" > Geschlecht: </ td >
< td >
< Eingabe Typ = "Radio" geprüft = "geprüft" Name = "Geschlecht1" Wert = "Männlich" /> Männlich
< Eingabe Typ = "Radio" Name = "Geschlecht1" Wert = "weiblich" /> Weiblich
</ td >
</tr>
< tr >
< td align = "right" > Geschlecht (zum Auswählen auf Text klicken): </ td >
< td >
< Feldsatz Stil = "Breite: 150px" >
< legend > Bitte wählen Sie Ihr Geschlecht </ legend >
< Eingabe Typ = "Radio" aktiviert = "aktiviert" Name = "Geschlecht2" Wert = "Männlich" id = "Mann" />
< Bezeichnung für = "Mann" > männlich </ label >
< Eingabe Typ = "Radio" Name = "Geschlecht2" Wert = "weiblich" id = "Frau" />
< Bezeichnung für = "Frau" > weiblich </ label >
</Feldsatz>
</ td >
</tr>
< tr >
< td align = "right" > Stadt: </ td >
< td >
< auswählen Name = "Stadt" >
< Option value = "Peking" > Peking </ option >
< Option Wert = "Shenzhen" > Shenzhen </ Option >
< Option Wert = "Shanghai" > Shanghai </ Option >
< Option Wert = "Nanchang" ausgewählt = "ausgewählt" > Nanchang </ option >
</ auswählen >
</ td >
</tr>
< tr >
< td align = "right" > Ortsangabe: </ td >
< td >
< auswählen Name = "Bereich" >
< optgruppe label = "Peking" >
< Option Wert = "Bezirk Chaoyang" > Bezirk Chaoyang </ Option >
< Option Wert = "Bezirk Haidian" > Bezirk Haidian </ Option >
< Option value = "Andere Bezirke" > Andere Bezirke </ option >
</optgroup>
< optgruppe Bezeichnung = "Nanchang" >
< Option Wert = "Donghu Bezirk" > Donghu Bezirk </ Option >
< Option Wert = "West Lake District" > West Lake District </ Option >
< Option Wert = "Qingshan-Seengebiet" > Qingshan-Seengebiet </ Option >
</optgroup>
</ auswählen >
</ td >
</tr>
< tr >
< td align = "right" > Freundschaftsziel: </ td >
< td >
< auswählen Name = "Ziel" Größe = "3" mehrere = "mehrere" >
< Option Wert = "Peers" ausgewählt = "ausgewählt" > Peers </ option >
< Option value = "Gewöhnliche Freunde" > Gewöhnliche Freunde </ option >
< Option Wert = "Liebhaber" > Liebhaber </ Option >
</ auswählen >
</ td >
</tr>
< tr >
< td align = "right" > Hobbys: </ td >
< td >
< Eingabe Typ = "Kontrollkästchen" Name = "Liebe" Wert = "Fußball" /> Fußball
< Eingabe Typ = "Kontrollkästchen" Name = "Liebe" Wert = "Blauer Ball" /> Basketball
< Eingabe Typ = "Kontrollkästchen" Name = "Liebe" Wert = "Ping Pong" /> Tischtennis
</ td >
</tr>
< tr >
< td align = "right" > Foto-Upload: </ td >
< td >
< Eingabe Typ = "Datei" Name = "meinBild" />
</ td >
</tr>
< tr >
< td align = "right" > Selbstvorstellung: </ td >
< td >
< Textbereich Zeilen = "5" spalten = "50" >
</ Textbereich >
</ td >
</tr>
< tr >
< td ausrichten = "zentriert" colspan = "2" >
< Eingabe Typ = "Senden" Wert = "OK" />
< Eingabe Typ = "Zurücksetzen" Wert = "klar" />
< Eingabe Typ = "Bild" Quelle = "../images/btnreg.png" beim Klicken = "Alarm('Hallo')" /> <!--Demobild-Schaltfläche (übermittelt Daten, ähnlich wie „Senden“)
-->
</ td >
</tr>
</ Tabelle >
</Feldsatz>
</ form >
</ Körper >
</ html >

Das Obige ist der gesamte Inhalt des umfassenden Verständnisses von HTML-Formularelementen, das Ihnen der Herausgeber vermittelt hat. Ich hoffe, es wird allen helfen. Bitte unterstützen Sie 123WORDPRESS.COM~

<<: Flammenanimation mit CSS3 umgesetzt

>>: Details zur Verwendung regulärer Ausdrücke in MySQL