Html і css на прикладах кнопка submit для відправки

Синтаксис створення кнопки submit залежить від використовуваного тега.

Cinput type = submit параметри »

Cbutton type = submit> Haдлісь на кнопкес / button »

Параметри кнопки submit такі ж, як і у простих кнопок (лістинг 7.10).

и Лістинг 7.10. Кнопка для відправки даних на сервер

Cforin action = / cgi'-bin / handler.cgi method = GET>

<р align^centeг> с / form »с / body» 224

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

При натисканні на кнопку reset дані форми повертаються в початкове значення. Як правило, цю кнопку застосовують для очищення введеної в полях форми інформації. Але для великих форм від використання кнопки reset краще вообше відмовитися, щоб помилково на неї не натиснути, адже тоді доведеться заповнювати форму заново.

Синтаксис створення зазначеної кнопки простий і схожий па інші кнопки.

Haдлісь на KHOnKe

13 лістингу 7.11 показана форма з одним текстовим полем, яке вже містить попередньо введений текст за допомогою параметра value тега input. Після зміни тексту і натиснення на кнопку "Очистити", значення поля буде відновлено, і в ньому знову з'явиться напис "Введіть текст".

Лістинг 7.11. Кнопка для очищення форми

CpXinput type = submit value = "OTnpaBMTb"> Cinput type = reset

Значення кнопки reset ніколи не пересилається на сервер, причому якщо напис на кнопці опустити, іншими словами, не ставити параметр value, за замовчуванням буде додано текст "Скидання" або "Reset".

Вид і колір кнопок залежить від операційної системи і браузера. Проте можна змінити колір кнопок на свій розсуд, скориставшись стилями. Для цього потрібно тільки додати до кнопки атрибут Форми

background, як показано в лістингу 7.12. Додатково можна поміняти параметри шрифту, зокрема колір тексту.

Лістинг 7.12. Зміна кольору кнопки

Колір самої кнопки * / Колір тексту на кнопці * / Тип шрифту * / Розмір тексту * /