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 <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
Artikel empfehlen
jQuery implementiert das Klicken auf die linke und rechte Schaltfläche zum Wechseln von Bildern
In diesem Artikelbeispiel wird der spezifische Co...
Die Verwendung und der Unterschied zwischen JavaScript-Pseudo-Array und Array
Pseudo-Arrays und Arrays In JavaScript sind mit A...
Einführung in die Fuzzy-Abfragemethode mit instr in MySQL
Die Verwendung der internen Funktion instr in MyS...
Vue implementiert die Drag & Drop-Funktion für Bilder
In diesem Artikelbeispiel wird der spezifische Co...
So führen Sie py-Dateien direkt unter Linux aus
1. Erstellen Sie zuerst die Datei (wechseln Sie p...
Vue verwendet Split, um die universelle Drag-and-Slide-Partitionspanel-Komponente zu kapseln
Inhaltsverzeichnis Vorwort Start Grundlegendes La...
Verwenden der Outline-Offset-Eigenschaft in CSS zum Implementieren eines Pluszeichens
Angenommen, es gibt einen solchen Anfangscode: &l...
So installieren Sie Docker auf Ubuntu20.04 LTS
Null: Alte Version deinstallieren Ältere Versione...
Realisieren Sie einen super coolen Wasserlichteffekt auf Leinwandbasis
In diesem Artikelbeispiel erfahren Sie den spezif...
Detaillierte Erklärung der Wertübertragung zwischen übergeordneten und untergeordneten Komponenten in Vue3
Seit der Geburt von vue3 ist viel Zeit vergangen ...
Einführung, Installation und Verwendung von Hyper-V (detaillierte Abbildungen)
Vorwort: Als Gigant in der IT-Branche ist Microso...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.24
In diesem Artikel finden Sie das Installations-Tu...
Installation und Verwendung des Linux-Betriebs- und Wartungstools Supervisor (Prozessmanagement-Tool)
1. Einleitung Supervisor ist ein in Python entwic...
Eine kurze Analyse von Event Bubbling und Event Capture in js
Inhaltsverzeichnis 01-Ereignisse brodeln 1.1- Ein...
So zeigen Sie im Hintergrund laufende Programme in Linux an und schließen sie
1. Führen Sie die .sh-Datei aus Sie können es dir...