кнопки

Кнопка - це елемент інтерфейсу, на який потрібно натискати. Створюється такий спосіб.

<input type = "button" параметри>

Параметри кнопки перераховані в табл. 1.

Табл. 1. Параметри кнопки
параметр опис
name Ім'я поля. Призначено для того, щоб обробник форми міг ідентифікувати це поле. Параметр name може бути опущений, в цьому випадку значення кнопки не передається на сервер.
value Напис на кнопці, а також її значення.

Використання параметрів і створення звичайних кнопок показано в прикладі 1.

Приклад 1. Створення кнопки

Дійсний HTML
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN" "http://www.w3.org/TR/html4/strict.dtd">
<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

Мал. 1. Вид кнопки в браузері Opera

У написі на кнопці можна ставити прогалини в будь-якій кількості.

кнопка SUBMIT

Коли користувач натискає на цю кнопку, дані форми відправляються на сервер і обробляються програмою, вказаною параметром action тега <FORM>.

<input type = "submit" параметри>

Параметри ті ж, що і у простих кнопок (приклад 2).

Приклад 2. Кнопка Submit

Дійсний HTML
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN" "http://www.w3.org/TR/html4/strict.dtd">
<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

Мал. 2. Кнопка Submit

Параметр name для цього типу кнопки може бути опущений. Якщо значення параметра value не вказувати, автоматично з'явиться напис Подача запиту (для браузера Internet Explorer), Відправити (для Opera) або Відправити запит (для Firefox).

кнопка RESET

При натисканні на цю кнопку, дані форми повертаються в початкове значення.

<input type = "reset" параметри>

Параметри збігаються з параметрами простих кнопок (приклад 3).

Приклад 3. Кнопка Reset

Дійсний HTML
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN" "http://www.w3.org/TR/html4/strict.dtd">
<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

Мал. 3. Кнопка Reset

Аналогічно кнопці Submit, значення параметра name можна не вказувати, тоді напис Скидання на кнопці буде додана браузером автоматично.

Значення кнопки Reset ніколи не пересилається на сервер.

Copyright що кредитують © www.htmlbook.ru