Einige einfache Implementierungscodes des Formularelements nehmen die Registrierung als Beispiel
 Code-Implementierung: Code kopieren Der Code lautet wie folgt:<!DOCTYPE html> <Kopf> <title> Neues Dokument </title> <meta name="Generator" content="EditPlus"> <meta name="Autor" content=""> <meta name="Schlüsselwörter" content=""> <meta name="Beschreibung" content=""> <meta charset="utf-8"> <style type="text/css"> div {Breite: 35 %;Rand links: 32 %;} </Stil> </Kopf> <Text> <div> <form class="f1" action="http://www.baidu.com" method="get" > <Feldsatz> <legend>Anmeldeformular</legend> <Tabellenbreite=100% > <tbody> <tr ><td class="left" width=40% align="right"><label für="t1">Name:</label></td> <td Klasse="rechts"><input Typ="Text" id="t1" name="Name"></td> </tr> <tr><td class="left" width=40% align="right"><label for="Password1">Passwort:</label></td> <td class="right"><input id="Passwort1" type="passwort" name="Passwort" /></td> </tr> <tr><td class="left" width=40% align="right"><label for="e1">E-Mail:</label></td> <td Klasse = "right"><input Typ = "E-Mail" ID = "e1" Name = "youxiang" ></td> </tr> <tr><td class="left" width=40% align="right"><label for="1">Geschlecht:</label></td> <td class="right"><input type="radio" id="1" name="ssex" value="nan" />Männlich<!-- Setzen Sie den Namen einfach auf den gleichen Wert --> <input type="radio" id="2" name="ssex" value="nv" />Weiblich </td> </tr> <tr><td class="left" width=40% align="right">Region:</td> <td><select id="selc" name="Ort"> <option value="quanzhou">Quanzhou</option> <option value="xiamen">Xiamen</option> <option value="zhangzhou" >Zhangzhou</option> </Auswählen> </td> </tr> <tr><td class="left" width=40% align="right"><label for="txtarea">Einführung:</label></td> <td><textarea id="txtarea"></textarea></td> </tr> <tr><td class="left" width=40% align="right">Interessen:</td> <td><input type="checkbox" id="cbox1" name="dushu" value="c1">Lesen <input type="checkbox" id="cbox2" name="yundong" value="c2">Sport <input type="checkbox" id="cbox3"name="chihe" value="c3">Essen und Trinken </td> </tr> <tr><td class="left" width=40% align="right">Hochladen:</td> <td> <Eingabetyp="Datei" ID="f1" Name="shangchuan" Wert="Datei1" /></td> </tr> <tr><td Klasse="links" Breite=40% Ausrichtung="rechts" Zeilenspan=2> <input id="Submit1" type="submit" value="Senden" /> </td> <td> <input id="Reset1" type="reset" value="Zurücksetzen" /> </td> </tr> </tbody> </Tabelle> </Feldsatz> </form> </div> </body> </html> Beachten Sie, dass die durch das Codelabel implementierte Funktion darin besteht, die Maus beim Klicken auf den Text automatisch auf das Textfeld zu fokussieren! Code kopieren Der Code lautet wie folgt:<label für="t1">Name:</label> |
<<: CSS verwendet calc(), um die aktuell sichtbare Bildschirmhöhe zu ermitteln
>>: Erklärung der Funktionsweise und Verwendung von Redux
Artikel empfehlen
JS implementiert die Append-Funktion von jQuery
Inhaltsverzeichnis Zeig mir den Code Testen Sie d...
Css3 realisiert nahtloses Scrollen und Anti-Shake
Frage Das nahtlose Scrollen von Bildern und Texte...
Ein Beispiel für den Unterschied zwischen den ID- und Name-Attributen in der Eingabe
Ich erstelle schon lange Websites, habe aber immer...
Einführung in die MySQL-Optimierung für die Unternehmensproduktion
Im Vergleich zu anderen großen Datenbanken wie Or...
DOCTYPE Dokumenttypdeklaration (unbedingt lesenswert für Webseiten-Liebhaber)
DOCTYPE-DEKLARATION: Oben auf jeder Seite, die Sie...
Javascript Frontend Optimierungscode
Inhaltsverzeichnis Optimierung der if-Beurteilung...
Bringen Sie Ihnen Schritt für Schritt das Tutorial zur MySQL-Abfrageoptimierungsanalyse bei
Vorwort MySQL ist eine relationale Datenbank mit ...
Detaillierte Erläuterung der Nginx-Zugriffsbeschränkungskonfiguration
Was ist die Nginx-Zugriffsbeschränkungskonfigurat...
Einführung in general_log-Protokollwissenspunkte in MySQL
Die folgenden Funktionsdemonstrationen basieren a...
So beschränken Sie das Eingabefeld in HTML auf die Eingabe reiner Zahlen
Beschränken Sie input Eingabefeld auf reine Zahle...
Erstellen, Einschränkungen und Löschen von Fremdschlüsseln in MySQL
Vorwort Ab MySQL-Version 3.23.44 unterstützen Inn...
Beispielanalyse der Suchfunktion von MySQL-regulären Ausdrücken (regexp und rlike)
Dieser Artikel veranschaulicht anhand von Beispie...
Natives JS zur Implementierung eines Klickzahlenspiels
Native JS implementiert das Klickzahlenspiel zu I...
Schritte zur Installation von cuda10.1 unter Ubuntu 20.04 (grafisches Tutorial)
Vorbereitung vor der Installation Der Hauptzweck ...
Implementierungscode für die teilweise Aktualisierung einer HTML-Seite
Aktualisierung der Ereignisantwort: Aktualisierun...