Heim >Web-Frontend >HTML-Tutorial >Wie füge ich einem HTML-Formular einen Farbwähler hinzu?
Wie füge ich einem HTML-Formular einen Farbwähler hinzu?
- WBOYnach vorne
- 2023-08-31 09:29:091302Durchsuche
HTML, was für Hypertext Markup Language steht, ist eine Kombination aus Hypertext und Auszeichnungssprache, die wir zum Erstellen von Webseiten und deren Inhalten verwenden können. In diesem Artikel erfahren Sie, wie Sie mithilfe von HTML einen Farbwähler hinzufügen.
Grammatik
For Output Code pre class
Tags sind interaktive Elemente in HTML, deren Hauptzweck darin besteht, unterschiedliche Eingabeformen vom Benutzer zu erhalten. Das Typattribut des Tags gibt an, welche Art von Eingabe der Benutzer eingeben soll.
Methode
Wir werden das -Tag verwenden. Um dies zu erreichen, erstellen wir ein Eingabe-Tag im Formular und setzen das Attribut „Typ“ auf „Farbe“. Beispiel
Schritt 1 – Zuerst definieren wir den grundlegenden HTML-Code.
<!DOCTYPE html>
<html>
<head>
<title>How to add color picker in a form using HTML?</title>
</head>
<body>
<h4>How to add color picker in a form using HTML?</h4>
</body>
</html>
– Jetzt fügen wir die Formularelemente hinzu.
<form>
<label>Choose Colour</label>
<input type="color"/>
</form>
Dies ist der vollständige Code -
<!DOCTYPE html>
<html>
<head>
<title>How to add a color picker in a form using HTML?</title>
</head>
<body>
<h4>How to add a color picker in a form using HTML?</h4>
<form>
<label>Choose Colour</label>
<input type="color" />
</form>
</body>
</html>
Fazit
In diesem Artikel haben wir etwas über
-Tags gelernt. Später haben wir uns auch angeschaut, wie man mithilfe des-Tags einen Farbwähler zu einem HTML-Formularelement hinzufügt.
Das obige ist der detaillierte Inhalt vonWie füge ich einem HTML-Formular einen Farbwähler hinzu?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!