Значение reset
Синтаксис
HTML
XHTML
<input type="reset">
Описание
Тип reset (от англ. "reset" ‒ «сброс») создаёт кнопку сброса. При активации данной кнопки происходит сброс всех введённых пользователем данных формы до первоначальных значений.
Внешний вид
‒ кнопка сброса;
‒ фокус;
‒ наведение курсора;
‒ активация.
Примечание
Действие данной кнопки распространяется только на ту форму, которой принадлежит эта кнопка.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
| Верс. | Раздел | |
|---|---|---|
| HTML | ||
| 2.0 | Reset Button: INPUT TYPE=RESET | Перевод |
| 3.2 | INPUT text fields, radio buttons, check boxes, ... | |
| 4.01 | 17.4.1 Control types created with INPUT reset buttons... DTD: Transitional
Strict
Frameset
|
|
| 5.0 | 4.10.5.1.17 Reset Button state (type=reset) | |
| 5.1 | 4.10.5.1.20. Reset Button state (type=reset) | |
| XHTML | ||
| 1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
|
| 1.1 | Extensible HyperText Markup Language | |
Сопутствующие атрибуты
- autofocus
- Автоматческая фокусировка на кнопке сброса после полной загрузки страницы.
- disabled
- Блокировка кнопки сброса.
disabled="disabled" - form
- Присоединение кнопки сброса к форме.
- name
- Присваивает имя кнопке сброса.
- value
- Указывает текст кнопки сброса.
value="Текст" - Глобальные атрибуты
- accesskey, class, contenteditable, data-*, dir, draggable, dropzone, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Значение reset (input-type)</title>
</head>
<body>
<h1>Пример с кнопкой сброса "type=reset"</h1>
<form action="/examples/php-scripts/coffee.php" method="post">
<fieldset> <legend><b>Какой кофе вы любите?</b></legend>
<label><input type="radio" name="coffee" value="without"> просто кофе (без всего)</label>
<label><input type="radio" name="coffee" value="milk"> с молоком</label>
<p><input type="text" name="coffee_value" placeholder="Свой вариант"></p>
</fieldset>
<p><input type="reset" value="По умолчанию"> <input type="submit"></p>
</form>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Значение reset (input-type)</title>
</head>
<body>
<h1>Пример с кнопкой сброса "type=reset"</h1>
<form action="/examples/php-scripts/coffee.php" method="post">
<fieldset> <legend><b>Какой кофе вы любите?</b></legend>
<label><input type="radio" name="coffee" value="without"> просто кофе (без всего)</label>
<label><input type="radio" name="coffee" value="milk"> с молоком</label>
<p><input type="text" name="coffee_value" placeholder="Свой вариант"></p>
</fieldset>
<p><input type="reset" value="По умолчанию"> <input type="submit"></p>
</form>
</body>
</html>
Значение reset (input-type)