Атрибут HTML onfocus
OnFocus
Цель атрибута HTML onfocus - указать агенту пользователя, что элемент получил фокус. Когда элемент получает фокус, если используется onfocus, выполняется скрипт.
Поддерживаемые элементы
Атрибут HTML onfocus поддерживает элементы a, area, button, input, label, select, textarea.
Атрибут onfocus может быть эффективно применен к элементам формы.
Синтаксис
<ElementName onfocus = "value"> ..... </ ElementName>
Где ElementName - любой поддерживаемый элемент.
Тип значения
Сценарий.
Значение
Сценарий, который должен быть выполнен.
Значение по умолчанию
По умолчанию атрибут HTML onfocus отсутствует.
Поддерживаемые типы документов
HTML 4.01 строгий, HTML 4.01 переходный, HTML 4.01 frameset.
Пример HTML-атрибута onfocus с элементами формы
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Example of HTML onfocus attribute with form elements</title>
</head>
<body>
<form name="onfocus_example" action="">
Name : <input type="text" name="name" onfocus="alert('name field has got focus')"><br>
<label>Favorite Sports </label>
<select name="favourite_sports" onfocus="alert('favourite_sports field has got focus')">
<option value="Soccer">Soccer</option>
<option value="Hockey">Hockey</option>
<option value="Tennis">Tennis</option>
<option value="Golf">Golf</option>
</select><br/>
<label>Describe yourself in short : </label> <br/><textarea cols="10" rows="10" name="describe_ yourself" onfocus="alert('describe_ yourself field has got focus')"> </textarea><br>
<button type="button" name="submit">Submit</button>
</form>
</body>
</html>
Результат
Посмотреть этот пример в отдельном окне браузера
Пример HTML-атрибута onfocus с элементами формы
Предыдущий: атрибуты события onkeypress, onkeydown, onkeyup для элементов HTML
Далее: HTML атрибут onload
Новый контент: Composer: менеджер зависимостей для PHP , R программирования