Использование тега <LABEL>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<form>
<input type="checkbox" id="t1"> Поставьте галочку<br>
<input type="checkbox" id="t2"> <label for="t2">Нажмите на этот текст, чтобы поставить галочку</label>
</form>
</body>
</html>
Результат данного примера показан ниже.
Поставьте галочку
Нажмите на этот текст, чтобы поставить галочку
В первой строке, чтобы активизировать флажок, надо щелкнуть на него самого. Во второй строке активным элементом является и текст, при нажатии на который курсором мыши, можно устанавливать или снимать галочку. Вот и вся разница.
Польза от применения тега <LABEL> не особенно велика, но следует учитывать, что в операционных системах активация переключателей и флажков происходит при щелчке по тексту возле них. А следовательно, такой подход более привычен и понятен пользователям сайтов.
