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

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:

<textarea Zeilen="3" Spalten="30">
Text...
</textarea>

<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&nbsp;
<Eingabename="gen" Typ="Radio" Klasse="Eingabe" Wert="Radio" >
<img src="g.gif" width="23" height="21">Weiblich&nbsp;
Hobbys auswählen:
<Bezeichnung>
<Eingabetyp="Kontrollkästchen" Name=""Wert=""aktiviert>
</label>Chatten&nbsp;&nbsp;
<Bezeichnung>
<Eingabetyp="Kontrollkästchen" Name="" Wert="">
</label>Filme&nbsp;&nbsp;
<Bezeichnung>
<Eingabetyp="Kontrollkästchen" Name="" Wert="">
</label>Spiele&nbsp;&nbsp;
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&nbsp;
<input name="Geburtstag" value="TT" size=2 maxlength=2 >Tag&nbsp;
<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

Artikel empfehlen

Vuex kombiniert Sitzungsspeicherdaten, um das Problem des Datenverlusts beim Aktualisieren der Seite zu lösen

Inhaltsverzeichnis Vorwort 1. Gründe: 2. Lösungsi...

Detaillierte Erläuterung der JS ES6-Codierungsstandards

Inhaltsverzeichnis 1. Umfang des Blocks 1.1. let ...

mysql5.7-Remotezugriffseinstellungen

Das Einrichten des Fernzugriffs in mysql5.7 funkt...

Natives JS zur Implementierung des Spiels 2048

2048 Minispiel, zu Ihrer Information, der spezifi...

Linux-Anfänger konfigurieren in virtuellen Maschinen IP und starten das Netzwerk neu

Wenn Sie mit virtuellen Maschinen noch nicht vert...

Detaillierte Erklärung zur Konfiguration einer statischen IP in Centos8

Nach der Installation von CentOS 8 wird beim Neus...

Detaillierte Erklärung der Verwendung gängiger Linux-Befehle (Teil 2) ———— Texteditor-Befehle vi/vim

Einführung in vi/vim Beide sind Multimode-Editore...

Detaillierte Erläuterung der Konfiguration und Einführung des MySQL-Halbsynchron-Replikationsprinzips

Einführung in die Umgebung: Ubuntu Server 16.04.2...

Typora-Codeblock-Farbabgleich und Implementierungscode für die Titelseriennummer

Wirkung: Der Titel hat eine eigene Seriennummer, ...

MySQL-Gruppierungsabfragen und Aggregatfunktionen

Überblick Ich glaube, dass wir häufig auf solche ...

Detailliertes Tutorial zum Kompilieren und Installieren von MySQL 5.7.24 auf CentOS7

Inhaltsverzeichnis Abhängigkeiten installieren Bo...

Transkript der Implementierung berechneter Vue-Eigenschaften

In diesem Artikel wird das Implementierungszeugni...

JavaScript fügt Prototyp-Methodenimplementierung für integrierte Objekte hinzu

Die Reihenfolge, in der Objekte Methoden aufrufen...

Detaillierte Erklärung der HTML-Dokumenttypen

Meines ist: <!DOCTYPE html> Blog-Garten: &l...

Vue verwendet berechnete Eigenschaften, um die Erstellung dynamischer Schieberegler abzuschließen

Layoutteil: <div id="Schieberegler"&...