Einführung in das Beispiel zur Erstellung eines einfachen HTML-Webformulars

<input> wird zum Sammeln von Benutzerinformationen verwendet und hat keine abschließende Anweisung.
<Typ>Eingabeelementtyp,
Das Typattribut der Eingabe, Typattributwert:

Text (Textfeld), Schaltfläche (Schaltfläche), Kontrollkästchen (Kontrollkästchen), Datei (Datei), versteckt (verstecktes Feld),

Bild (Bild), Passwort (Passwortfeld), Radio (Optionsfeld), Zurücksetzen (Zurücksetzen-Schaltfläche), Senden (Senden-Schaltfläche).

<textarea> definiert einen Textbereich und endet mit </textarea>.textarea-Attribute:

Beispiel:

Code kopieren

Der Code lautet wie folgt:

<b>Fett, Ende</b>

<i>Kursivschrift, Schlussbemerkungen</i>

<u>Unterstreichen, Schlussbemerkungen</u>

Große Schriftarten

<small>Kleine Schriftart</small>

<blink>Blinkeffekt</blink>

<em>Normalerweise kursiv, hervorgehoben</em>

<strong>Im Allgemeinen fett, hervorgehoben</strong>

<cite> steht normalerweise kursiv und wird für Zitate und Beispiele verwendet.</cite>

Code kopieren

Der Code lautet wie folgt:

<html>
<Kopf>
<title>Willkommen zur Registrierung/Anmeldung</title>
</Kopf>
<Formularname="Formular1" Methode="Post" Aktion="">
<P>Name:
<Eingabetyp="Text" Wert="Text" Größe="20">
</P>
</form>
<Formularname="Formular2" Methode="Post" Aktion="">
<P>Passwort:
<Eingabewert="123456" Typ="Passwort" Größe="22">
</P>
</form>
<Formularname="Formular3" Methode="Post" Aktion="">
Eingeschlechtiges Geschlecht:
<input name="gen" type="radio" class="input" value="Radio" aktiviert>
<img src="b.gif" width="23" height="21">Männlich 
<Eingabename="gen" Typ="Radio" Klasse="Eingabe" Wert="Radio" >
<img src="g.gif" width="23" height="21">Weiblich 
Hobbys auswählen:
<Bezeichnung>
<Eingabetyp="Kontrollkästchen" Name=""Wert=""aktiviert>
</label>Chatten  
<Bezeichnung>
<Eingabetyp="Kontrollkästchen" Name="" Wert="">
</label>Filme  
<Bezeichnung>
<Eingabetyp="Kontrollkästchen" Name="" Wert="">
</label>Spiele  
Geburtsdatum:
<input name="byear" value="yyyy" size=4 maxlength=4 >Jahr
<Name auswählen="bmon">
<option value=" " selected>[Monat auswählen] </option>
<option value=0>Januar</option>
<option value=1>Februar</option>
<option value=2>März</option>
<option value=3>April</option>
</select>Monat 
<input name="Geburtstag" value="TT" size=2 maxlength=2 >Tag 
<div Klasse="links">
<span class="spanTxt">Zur Bestätigung die Nummer im rechten Bild eingeben</span>:
<span class="shortInputSpan"><input type="text" class="short_input" name="validatecode" id="validatecode" maxlength="4" onFocus="textshow(this,'Bitte geben Sie den Bestätigungscode korrekt ein');"/></span>
<span class="h1">
<img id="vcode" name="vcode" alt="" src="help_alarm.jpg" height="28" width="63" align="absmiddle"/><a href="javascript:changeimg();" class="code_style">Kann nicht klar sehen, ändere eins</a>
</span>
</div>
</form>
<form>
<input type="checkbox" id="chkagreement" name="chkagreement" checked="aktiviert"/>
Akzeptieren Sie die <a href="小神幻化成.html" target="_blank" >《XXX-Registrierungsvereinbarung》</a>
</form>
<Formularname="Formular7" Methode="Post" Aktion="">
<textarea name="textarea" cols="35" rows="6">Willkommen zum Lesen dieser Servicebedingungen. Die in dieser Vereinbarung dargelegten Bedingungen gelten für Ihre Nutzung der Dienste von XXX.
Diese Servicevereinbarung gilt für mich, Sie und ihn.
Dieser Dienstleistungsvertrag hat vertragliche Wirkung.
meine Rechte und Pflichten
</textarea>
</form>
</html>

<<: Zusammenfassung der Erfahrungen mit der Web-Frontend-Entwicklung

>>: Implementierung des Attributs „list-style-type“ vor CSS-geordneten oder ungeordneten Listen

So zeigen Sie Dateien im Docker-Image an

Einführung in das Beispiel zur Erstellung eines einfachen HTML-Webformulars

So zeigen Sie Dateien im Docker-Image an

Problem mit Berechtigungen zum Ändern gespeicherter Prozeduren in MySQL

HTML implementiert ein festes schwebendes, halbtransparentes Suchfeld auf Mobilgeräten

Einführung in die grafischen Kompositions- und Satzfunktionen des Webdesigns

MySQL vollständig deinstallieren. Persönlicher Test!

Detaillierte Erläuterung der Deep Copy und Shallow Copy im JS-Variablenspeicher

Reines CSS3 zur Erzielung einer Mouseover-Schaltflächenanimation, Teil 2

Lassen Sie sich die tiefe Kopie von js verstehen

Installieren Sie Windows Server 2019 auf VMware Workstation (Grafisches Tutorial)

Beste Möglichkeit, den Schlüssel im JSON-Objekt zu ersetzen

Artikel empfehlen

Implementierung eines geplanten MySQL-Sicherungsskripts unter Windows

So legen Sie eine feste IP-Adresse in einer virtuellen CentOS7-Maschine fest

Beheben Sie den abnormalen Fehler beim Erstellen einer Vue-Umgebung mit Webpack

Detaillierte Analyse des Befehls chmod zum Ändern der Dateiberechtigungen unter Linux

So implementieren Sie ein responsives Layout mit CSS

HTML löst das Problem ungültiger Tabellenbreiteneinstellungen

Alibaba Cloud Centos7 Installation und Konfiguration von SVN

Erläuterung des Beispiels einer MySQL-Datenanalyse-Speicher-Engine

So verwenden Sie den Linux-Befehl „more“ in allgemeinen Linux-Befehlen

CentOS7-Netzwerkkonfiguration unter virtueller VMware-Maschine (Host für drahtlosen Internetzugang)

Natives JS realisiert zusammengesetzte Bewegungen verschiedener Bewegungen

Mehrere gängige Methoden zum Senden von Anfragen mit Axios in React

Zusammenfassung praktischer Methoden für JS-Anfänger zur Verarbeitung von Arrays

Verwenden Sie Smart CSS, um Stile basierend auf der Scrollposition des Benutzers anzuwenden

HTML CSS3 streckt den Bildanzeigeeffekt nicht