|
Кнопки
Кнопка — это элемент интерфейса, на который нужно нажимать. Создается следующим образом.
Параметры кнопки перечислены в табл. 1.
| Параметр | Описание |
|---|---|
| name | Имя поля. Предназначено для того, чтобы обработчик формы мог идентифицировать это поле. Параметр name может быть опущен, в этом случае значение кнопки не передается на сервер. |
| value | Надпись на кнопке, а также ее значение. |
Использование параметров и создание обычных кнопок показано в примере 1.
Пример 1. Создание кнопки
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Кнопка</title>
</head>
<body>
<form action="/cgi-bin/handler.cgi">
<p style="text-align: center"><input type="button" name="press" value=" Нажми меня нежно "></p>
</form>
</body>
</html>
Результат данного примера показан на рис. 1.
Рис. 1. Вид кнопки в браузере Opera
В надписи на кнопке можно ставить пробелы в любом количестве.
Кнопка SUBMIT
Когда пользователь нажимает на эту кнопку, данные формы отправляются на сервер и обрабатываются программой, указанной параметром action тега <FORM>.
Параметры те же, что и у простых кнопок (пример 2).
Пример 2. Кнопка Submit
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Кнопка</title>
</head>
<body>
<form action="/cgi-bin/handler.cgi">
<p>...</p>
<p><input type="submit"></p>
</form>
</body>
</html>
Вид кнопки показан на рис. 2.
Рис. 2. Кнопка Submit
Параметр name для этого типа кнопки может быть опущен. Если значение параметра value не указывать, автоматически появится надпись Подача запроса (для браузера Internet Explorer), Отправить (для Opera) или Отправить запрос (для Firefox).
Кнопка RESET
При нажатии на эту кнопку, данные формы возвращаются в первоначальное значение.
Параметры совпадают с параметрами простых кнопок (пример 3).
Пример 3. Кнопка Reset
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Кнопка</title>
</head>
<body>
<form action="/cgi-bin/handler.cgi">
<p><input type="text" size="20"> <input type="reset"></p>
</form>
</body>
</html>
Вид кнопки Reset и принцип ее действия показан ниже.
Рис. 3. Кнопка Reset
Аналогично кнопке Submit, значение параметра name можно не указывать, тогда надпись Сброс на кнопке будет добавлена браузером автоматически.
Значение кнопки Reset никогда не пересылается на сервер.
Copyright © www.htmlbook.ru
Created/Updated: 25.05.2018