2013-07-16 2 views
-1

Мне нужно знать, как я могу сфокусировать «поле» внутри элемента флажка, когда пользователь наводит курсор мыши на этот элемент. Единственный способ, которым я могу сфокусировать поле, - это наведение мыши на поле, но не над текстом. На самом деле, я даже не могу установить флажок, когда я нажимаю на текст.Предоставление фокуса на флажке

Заранее благодарен!

+0

Пытался что-нибудь? – putvande

ответ

1

Оберните флажок и текст в теге <label>.

Ex: <label><input name="myCheckbox" type="checkbox" />My Checkbox</label>

+0

должен быть 'id' not' name', а упаковка меток не была благоприятной, так как ~ 2003 –

+1

@RyanB имя допустимо для ввода, поскольку это то, что сервер использует в качестве ключа для этого элемента формы – bluetoft

+1

@RyanB - если вы завершаете ярлык вокруг ввода вам не нужен атрибут for. – j08691

1

Я не уверен, что вы имеете в виду в первой строке. Если вы используете <label>, это позволит вам щелкнуть по тексту и сделать его доступным для людей с ограниченными возможностями.

<input type='checkbox' id="male"><label for="male">Male</label> 

см WebAIM's page on accessible controls

Смежные вопросы