HTML формуляри

Формуляри
HTML не ви позволява да управлявате информацията във формулярите, а само да ги разполагате на страницата си.

Едноредови текстови полета

Едноредови текстови полета
Име:
Фамилия:
E-mail:

Дължината на текстовото поле
Дължината на текстовото поле можете да укажете със size (например size="40") като атрибут на input. Ако не зададете дължина на текстовото поле, по подразбиране то ще бъде 20 знака.

Oграничение на максималния брой символи
Можете да наложите ограничение на максималния брой символи, които потребителят може да въведе за дадено поле: използвайте maxlength. Например maxlength="10" ще ограничи до 10 броя на символите, които потребителят може да въведе в даденото поле.

Текст, който автоматично да се попълва в текстовото поле
Можете да зададете и текст, който автоматично да се попълва в текстовото поле: използвайте value="текст".

Пример
Едноредови текстови полета
Име:

Фамилия:
E-mail:

Многоредови текстови полета
За разлика от едноредовите, многоредовите полета дават възможност за въвеждане на по-дълъг текст, като например коментар или съобщение. Задават се с двойката тагове
и
и могат да бъдат с произволно избран от вас брой редове (rows) и колони (cols).

Многоредови текстови полета
Пример:
Моля, въведете вашия коментар:

Многоредови текстови полета
На екрана ще се изведе:
Моля, въведете вашия коментар:

Радио бутони
Чрез радио бутоните се избира един от няколко възможни отговора. Полето "name" за всички възможни избори трябва да има една и съща стойност. Пример:
Желаете ли да получавате новини за нови продукти на нашата фирма?
Да
Не

Радио бутони
Това ще изглежда така на екрана:
Обърнете внимание, че можете да изберете само един от възможните отговори.

Множествен избор: кутийки с отметки
Когато искате потребителите да изберат една или повече от няколко възможности, използвайте кутийки с отметки. Те се задават с type="checkbox“.

Множествен избор: кутийки с отметки
Пример
Обичам да карам:
Кола
Колело type="checkbox">Самолет

Падащи менюта
Падащите менюта дават възможност за избор подобен на кутийките с отметки: един или повече от няколкото предложени варианти. Единствената разлика е във външния вид – падащото меню показва само една от възможностите, а другите стават видими едва когато щракнете върху менюто.

Пример
Кога обичате да спите?
вечер
сутрин
следобед
винаги

Пароли
От съображения за сигурност е желателно при въвеждане на пароли на екрана да не се показват въвежданите символи, а нещо друго - обикновено черни точки. Подобно поле за въвеждане на пароли се задава с
.

Пример
Въведете потребителско име:
Въведете парола:

Бутон
Вашето име:

На екрана се извежда

Календар
Изберете дата на пристигане:

CSS
button
{font-size:20px;
background-color:red;
color:yellow;
border: 5px solid yellow
}
select
{font-size:20px;
color:red
}

CSS
input[type=text]
{font-size:25px;
background-color:yellow;
color:red;
border: 5px solid green
}
input[type=button]
{font-size:25px
}
textarea
{font-size:25px;
color:green
}

CSS
h1
{font-size:25px;
color:red
}
input[type=date]
{font-size:25px;
color:red}
input[type=password]
{font-size:25px;
color:green
}