Кнопки

Кнопка — это элемент интерфейса, на который нужно нажимать. Создается следующим образом.

Параметры кнопки перечислены в табл. 1.

Табл. 1. Параметры кнопки
Параметр	Описание
name	Имя поля. Предназначено для того, чтобы обработчик формы мог идентифицировать это поле. Параметр name может быть опущен, в этом случае значение кнопки не передается на сервер.
value	Надпись на кнопке, а также ее значение.

Использование параметров и создание обычных кнопок показано в примере 1.

Пример 1. Создание кнопки

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<form action="/cgi-bin/handler.cgi">
<p align="center"><input type="button" name="press" value=" Нажми меня нежно ">
</form>
</body>
</html>

В надписи на кнопке можно ставить пробелы в любом количестве.

Кнопка SUBMIT

Когда пользователь нажимает на эту кнопку, данные формы отправляются на сервер и обрабатываются программой, указанной параметром action тега <FORM>.

Параметры те же, что и у простых кнопок (пример 2).

Пример 2. Кнопка Submit

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<form action="/cgi-bin/handler.cgi">
<p align="center"><input type="submit">
</form>
</body>
</html>

Вид кнопки показан ниже.

Параметр name для этого типа кнопки может быть опущен. Если значение параметра value не указывать, автоматически появится надпись Подача запроса или Submit (для IE) или Submit Query (для Netscape).

Кнопка RESET

При нажатии на эту кнопку, данные формы возвращаются в первоначальное значение.

Параметры совпадают с параметрами простых кнопок (пример 3).

Пример 3. Кнопка Reset

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<form action="/cgi-bin/handler.cgi">
<input type="text" size="20"> <input type="reset">
</form>
</body>
</html>

Вид кнопки Reset и принцип ее действия показан ниже.

Значение кнопки Reset никогда не пересылается на сервер.

Учебник по HTML и CSS

HTML

CSS

Статьи

Полезное

Кнопки

Кнопка SUBMIT

Кнопка RESET