HTML - Checkbox

  »   HTML  »   HTML Tutorial - Checkbox Tag verwenden

Ankreuzfelder, wie wir in einem früheren Tutorial gesagt haben, sind ein Teil der Anwendungen der Input-Tags.

Was sich von dem vorherigen Tutorial unterscheidet ist, dass wir dieses Mal mehr ins Detail gehen werden.

Checkbox - Erstellen der Listen

Die Kontrollkästchen sind da, um dem Benutzer zu helfen, gleichzeitig mehr als eine Optionen aus den gegebenen zu wählen.

html<p>Wählen Sie Ihre Lieblingsfarben .</p>
<p>
	Blau: <input type="checkbox" name="colors" value="blue" /><br />
	Gelb: <input type="checkbox" name="colors" value="yellow" /><br />
	Rot: <input type="checkbox" name="colors" value="red" /><br />
	Grün: <input type="checkbox" name="colors" value="green" />
</p>

Demo

Wählen Sie Ihre Lieblingsfarben .

Blau:
Gelb:
Rot:
Grün:

Checkbox - Standardmäßig ausgewählte Felder

Ankreuzfelder bieten auch die Möglichkeit, bereits markiert zu sein, um die Arbeit des Benutzers in einigen Situationen zu erleichtern.

Das wird mit Hilfe der markiert Attribute geschafft, in dem man seinen Wert auf yes setzt, wie zB Gelb.

html<p>Wählen Sie Ihre Lieblingsfarben .</p>
<p>
	Blau: <input type="checkbox" name="colors" value="blue" checked="yes" /><br />
	Gelb: <input type="checkbox" name="colors" value="yellow" /><br />
	Rot: <input type="checkbox" name="colors" value="red" /><br />
	Grün: <input type="checkbox" name="colors" value="green" checked="yes" />
</p>

Demo

Wählen Sie Ihre Lieblingsfarben .

Blau:
Gelb:
Rot:
Grün:

Sie können versuchen, mit dieser Anwendung ein wenig zu spielen. Es ist ziemlich einfach, aber wie Sie sehen werden, auch sehr nützlich.