Detaillierte Erklärung der HTML-Formularelemente (Teil 1)

<form>
    Formularelemente
</form>

<form>
<label>Benutzername</label>
<Eingabetyp="Text" Name="">
</form>

<form action="action.jsp">
<input type="submit" value="Senden">
</form>
/*Mit Aktion koordinieren*/
 /*Wenn das Wertattribut der Schaltfläche „Senden“ weggelassen wird, erhält die Schaltfläche den Standardtext, der aus den beiden Wörtern „Senden“ besteht*/

<form>
<label>Geschlecht</label>
<input type="radio" name="sex" value="male" checked>Männlich
<br>
<input type="radio" name="sex" value="female">Weiblich
</form> 
/*Wenn die Werte im Namen konsistent sind, kann der Einzelauswahleffekt erzielt werden*/
/*checked bedeutet den ausgewählten Status, Sie können auch checked="checked"*/ schreiben.

<form>
<label>Hobbys</label>
<input type="checkbox" name="vehicle" value="Sport"><label>Sport</label>
<br>
<input type="checkbox" name="vehicle" value="Schönheit"> <label>Schönheit</label>
</form>

/*checked bedeutet den ausgewählten Status, Sie können auch checked="checked"*/ schreiben.

<form>
<input type="button" onclick="alert('Willkommen bei 123WORDPRESS.COM!')" value="Klick mich an!">
</form> 

/*Auch ein normaler Knopf*/

<form>
<Name auswählen="Autos">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="fiat">Fiat</option>
    <option value="audi">Audi</option>
</Auswählen>
</form> 

Das Element <option> definiert eine auszuwählende Option.
In Listen wird normalerweise die erste Option als ausgewählte Option angezeigt.
Sie können vordefinierte Optionen definieren, indem Sie das ausgewählte Attribut hinzufügen.

<form>
<textarea name="Nachricht" Zeilen="10" Spalten="30">
Geben Sie hier den Inhalt ein!
</textarea>

<form>
<button type="button" onclick="alert('Willkommen bei 123WORDPRESS.COM!')">Klick!</button>

Um mehr über die Eigenschaften von Formularelementen zu erfahren, klicken Sie bitte auf den Link: https://www.jb51.net/web/571879.html

Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, dass der Inhalt dieses Artikels Ihnen bei Ihrem Studium oder Ihrer Arbeit helfen kann. Wenn Sie Fragen haben, können Sie eine Nachricht hinterlassen. Vielen Dank für Ihre Unterstützung von 123WORDPRESS.COM!