Атрибути HTML-форми
- Атрибут name - дозволяє привласнити формі унікальне ім'я. Це потрібно в тому випадку. якщо на одній сторінці розміщено кілька форм.
- Атрибут enctype - дозволяє задати спосіб кодування інформації з форми. Зазвичай його заповнюють тільки тоді. коли за допомогою форми відбувається пересилання файлів. Взагалі. тут може бути три варіанти - enctype = application / x - www - form - urlencoded | multipart / form - data | text / plain. Перший варіант application / x - www - form - urlencoded говорить про те. що відбувається пересилання закодованого тексту. Третій варіант text / plain використовують для пересилання тексту в форматі «як є». Другий варіант multipart / form - data використовують для файлів.
- Атрибут форми autocomplete дозволяє включити так зване автозаповнення полів.
Поля введення в HTML - формі
Тепер розповімо про те. які елементи може містити в собі форма. Насамперед. це різного роду input 'и - елементи. призначені для введення даних.
Текстове поле - type = "text»
Найпоширеніший input - звичайне однорядкове текстове поле. У коді воно може виглядати наступним чином:
Атрибут type тут також задає тип. ID - це унікальний ідентифікатор. може використовуватися для прив'язки до чекбокси CSS - правил або текстового напису. Value - це значення. посилається на обробку в тому випадку. якщо в чекбоксі поставлена галочка. Атрибут checked автоматично ставить галочку в чекбоксі відразу при завантаженні сторінки. У checked не потрібно вказувати значення. так як воно збігається з ім'ям атрибута.
Напис над елементом - тег label
Наступний елемент - текстова напис (елемент label). Як правило. текст прив'язують до якого - то вже існуючого input 'у. В цьому випадку напис може виглядати ось так:
В атрибуті value вказується напис. яка буде відображатися на кнопці. Що стосується type. то тут може бути кілька варіантів. Submit створює кнопку підтвердження і відправки даних. Reset створює кнопку скидання всіх введених полів в початковий стан. Button створює кастомную кнопку без прив'язаного до неї дії за замовчуванням (згодом можна буде навісити на неї який - небудь скрипт). Image також створює кастомную кнопку. у якій замість тексту буде використовуватися зображення. Шлях до зображення необхідно вказати в атрибуті src.
Схожі записи
- Селектори в HTML. Частина 3.
- Блокова верстка або тег div
- Теги та атрибути HTML. Частина 2.
Сайт присвячений web - розробки, seo - просуванню і заробітку для web - майстрів. Вивчивши матеріали сайту ви зможете стати як web - програмістом так і успішним підприємцем в мережі Інтернет!