Флажок: как отображать текст?

Я хочу отобразить соответствующий текст флажка вместе с ним.

<input id="Checkbox1" type="checkbox" value="Admin"><span>Admin User</span>

Это наиболее используемая разметка для этого. Но не очень удобно использовать отдельный span для флажка. И это даже не выглядит хорошо в форме.

Есть ли способ связать эти два друг с другом? Или каков наилучший способ сделать это?

Ответы

Ответ 1

используйте атрибут Label и for.

Атрибут for указывает, какой элемент формы привязан к

<input id="Checkbox1" name="Checkbox1" type="checkbox" value="Admin" />
<label for="Checkbox1">AdminUser</label>

Также укажите ваш ввод name

Ответ 2

Вместо использования атрибута for вы можете использовать вложенный <input type="checkbox">:

<label><input name="Checkbox1" type="checkbox">Admin User</label>

Ответ 3

Вместо <span> вы можете использовать <label> -tag:

<label for="Checkbox1">Admin User</label>

Он будет "прикреплять" ярлык к вашему флажку в том смысле, что при щелчке по метке он как бы щелкнул флажок.

Для стиля вам нужно применить свои собственные стили, чтобы они выглядели "вместе".