Поля для введення тексту в форми
В саму оболонку HTML-форми між тегами
вставляються кнопки для відправки або очищення даних, кнопки для підтвердження вибору, перемикачі, списки, що випадають і поля для введення даних, останніми якраз займаємося зараз.тег позначає поле для введення тексту, цей тег може приймати такі атрибути:
результат:
type атрибут тега input, який вказує тип поля, в даному випадку він не обов'язковий, з точки зору специфікації по HTML це значення (text) за замовчуванням, але особисто я раджу його вставляти завжди.
name це дуже важливий атрибут і є обов'язковим. Він є кодифікатор даного поля, сценарії якраз і чекають імена полів з якимось значенням. Ім'я цього атрибута може починатися тільки з латинської літери і закінчуватися ними, між буквами може використовуватися дефіс.
value атрибут який позначає значення поля, або точніше значення атрибута name. ці атрибути завжди відправляються в сценарій парою, name = value або login = ваш_логін. Цей атрибут не є обов'язковим, і вставляється тільки для того щоб в поле відображався будь-якої текст, в моєму прикладі введіть логін.
size цей атрибут не є обов'язковим, і встановлює тільки кількість символів для відображення, в моєму прикладі 20, а ввести можна і 1000, але відображатися будуть тільки 20. До речі 20 задавати немає сенсу тому це значення за замовчуванням, використовуйте цей атрибут якщо вам потрібно більше або менше 20 символів для відображення.
maxlength цей атрибут служить для обмеження символів для введення, спробуйте в моєму прикладі стерти текст введіть логін і набрати більше 5, і у вас це не вийде. Представите що хтось скопіює текст будь-якої книги і вставить в поле де повинен бути логін, це може круто збільшити навантаження на ваш сервер, а з цим обмежувачем у цього диво-відвідувача нічого не вийде. Обмежувати 5 символами я вам взагалі не рекомендую, бажано щоб це значення було близько 32 або навіть 64.
Поле для введення паролів
результат: Всі ті ж атрибути за винятком значення "password" для атрибута type. Це поле служить для введення паролів або іншого тексту який не повинен бачити стороннє око.
Приховане поле:
Це поле служить для відправки прихованих даних, Наприклад, ви зареєструвалися на якомусь сайті по обміну ел.валют, як партнер і збираєтеся трохи заробити, для цього ви отримуєте партнерський код і ставите його у себе на сайті, а в приховане поле ставите свій ідентифікатор (номер партнера) і після того як користувач вашого сайту вибере напрямок перекладу і натисне кнопку "обміняти" він разом цими данимі відправить ваш ідентифікатор і ви зрубаєте пару копійок з цієї операції. Це не єдина можливість для прихованого поля.
Це і все поля які користувач може заповнювати самостійно, за винятком type = "hidden".
Пошук по тегам:
Список всіх тегів
А ви знаєте як встановити картинку в якості фону за допомогою CSS?