Форми html - уроки html

Просте текстове поле (логін; пароль) html

size = "" - встановлює розмір (довжину) поля;
maxlength = "" - визначає, скільки максимум символів може бути записано в текстовому полі;
name = "" - потрібен для PHP - обробника форми (для файлу .php);

Крім стандартних параметрів, полю можна задати колір заднього фону, колір тексту і колір рамки. У наступному прикладі показано застосування всіх цих властивостей відразу.

Але краще все стильові атрибути задавати за допомогою CSS.


Так само існує спеціальне поле для введення пароля (type = "password"):
Все що, ви в нього введете буде відразу ж замінюватися на точки.

Просте текстове поле (логін; пароль) html

Для стилю кнопки, як і текстового поля можна задати деякі параметри.
Нижче продемонстровані деякі з них:

Ви побачите в коді такий елемент, як type = "hidden" - він визначає прихований елемент форми, через який передається додаткова інформація на сервер.

Як ви могли помітити - для відступу між елементами застосовується теги "

". Це звичайно ж не зовсім професійно, але зате просто. Робота зі стилями та формами докладно розглядається в цьому уроці по CSS.

Проста анкета html

У коді даного прикладу будуть застосовані теги "

"- ці теги малюють рамку навколо всієї великої форми. А між тегів" "Пишеться назва рамки.

Інформації викладеної в цьому уроці вистачить для формірогванія загального уявлення про веб-формах, але для того що б зробити що то серйозне вам потрібно вивчити цей урок по CSS. в якому детально розглянуто створення стилів для форм. Але якщо ви не знайомі з CSS то краще вивчити по пjрядку все уроки по "Каcкадним таблиць стилів".

Схожі статті