Dieses Element wird grundsätzlich zum Gruppieren verwandter Elemente in Formularen verwendet und zeichnet einen Rahmen um ähnliche Elemente.
Dieses Element befindet sich möglicherweise außerhalb des Formulars, ist aber möglicherweise dennoch Teil des Formulars. Normalerweise wird dieses Element verwendet, um ein oder mehrere Formulare anzugeben. Dieses Element wird in der HTML5-Version neu verwendet, um einen Verschlüsselungsschlüssel zu generieren, um verschlüsselte Daten über ein Formular in einer auf HTML basierenden Website zu übertragen.
<!DOCTYPE html>
<html>
<body>
<form action="/test_page.php" method="get" id="secureform">
Username: <input type="text" name="user_name">
<input type="submit">
</form>
<p>The below mentioned keygen field is outside of the form, but it's still a part of the above form.</p>
Encryption: <keygen name="security" form="secureform">
</body>
</html> Nach dem Login kopieren
Dieses Element gibt im Grunde einen Namen für das Eingabeformular an, damit die Benutzer verstehen, um welche Eingabedaten es sich handeln soll. Es dient als Indikator für Benutzer.
Element. Es ist eine Art unterstützendes Element für ein anderes Element, ein Teil des Gruppenelements.
Syntax:
<fieldset>
<legend>Celebrity:</legend>
Name: <input type="text"><br>
Phone: <input type="number"><br>
Age: <input type="text">
</fieldset> Nach dem Login kopieren
Codes:
Example of HTML legend tag
<form>
<fieldset>
<legend>Celebrity:</legend>
Name: <input type="text"><br>
Phone: <input type="number"><br>
Age: <input type="text">
</fieldset>
</form>
Nach dem Login kopieren
Ausgabe:
8. „“ Element
Dieses Element ist ein gruppenbezogenes Element, das für Optionen in einer Dropdown-Liste in einem HTML-Formular verwendet wird. Es hilft den Benutzern, eine lange Liste einfach zu verwalten.
Syntax:
<select>
<optgroup label="Kawasaki Bikes">
<option value="ninja300">Ninja 300</option>
<option value="ninja450">Ninja 450</option>
</optgroup>
<optgroup label="Bajaj Bikes">
<option value="pulsar200">Pulsar 200</option>
<option value="pulsar150">Pulsar 150</option>
</optgroup>
</select> Nach dem Login kopieren
Codes:
Example of HTML legend tag
<select>
<optgroup label="Kawasaki Bikes">
<option value="ninja300">Ninja 300</option>
<option value="ninja450">Ninja 450</option>
</optgroup>
<optgroup label="Bajaj Bikes">
<option value="pulsar200">Pulsar 200</option>
<option value="pulsar150">Pulsar 150</option>
</optgroup>
</select>
Nach dem Login kopieren
Ausgabe:
9. „“ Element
Dieses Element wird verwendet, um eine Option aus einer Dropdown-Liste unter darzustellen. Element; Die Dropdown-Liste muss mindestens eine Option enthalten.
Syntax:
<option value="option-value"> ... </option> Nach dem Login kopieren
Codes:
<!DOCTYPE html>
<html>
<head>
<title>Example of HTML option tag</title>
</head>
<body>
<form>
<select>
<option value="Bikes"> Bikes </option>
<option value="Cars"> Cars </option>
<option value="Buses"> Buses </option>
</select>
</form>
</body>
</html> Nach dem Login kopieren
Ausgabe:
10. „“ Element
Dieses Element wird grundsätzlich verwendet, um die Ausgabe einer Berechnung anzuzeigen (z. B. in einer Skriptberechnung).
Syntax:
<output> ... </output> Nach dem Login kopieren
Codes:
<!DOCTYPE html>
<html>
<head>
<title>Example of HTML output Tag</title>
</head>
<body>
<form oninput="result.value=parseInt(x.value)+parseInt(y.value)">
<input type="range" id="x" value="50"> +
<input type="number" id="y" value="100"> =
<output name="result" for="x y"></output>
</form>
</body>
</html> Nach dem Login kopieren
Ausgabe:
11. „“ Element
Dieses Element wird verwendet, um eine Auswahl aus einer Liste innerhalb eines Formulars zu treffen.
Syntax:
<select>
<option value="Bike">Bike</option>
<option value="Car">Car</option>
<option value="Bus">Bus</option>
</select> Nach dem Login kopieren
Codes:
Example of HTML select Tag
Nach dem Login kopieren
Output:
12. “
This element is used to define multi-line text inputs (e.g. for address).
Syntax:
<form>
<p>Put your Comment:
<textarea cols="50" rows="6">Put here...</textarea>
</p>
</form> Nach dem Login kopieren
Codes:
<!DOCTYPE html>
<html>
<head>
<title>Example of HTML textarea Tag</title>
</head>
<body>
<form>
<p>Put your Comment:
<textarea cols="30" rows="4">Put here...</textarea>
</p>
</form>
</body>
</html> Nach dem Login kopieren
Output:
Conclusion
There are so many HTML form elements available; in this article, we have discussed some of the basic or native form elements. It helps us to create proper and functional HTML forms. The point to be noted is that most of the HTML form elements need a few attributes to be included along with them. Some of the elements depend on each other, which must be coded together. All the browsers may not display the elements which are already deprecated.
Das obige ist der detaillierte Inhalt vonHTML-Formularelemente. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!