Навігація
Головна
 
Головна arrow Інформатика arrow Проектування і розробка web-додатків
< Попередня   ЗМІСТ   Наступна >

РОЗШИРЕННЯ МОЖЛИВОСТЕЙ HTML-ФОРМ

Можливості HTML-форм в мові HTML5 розширені за допомогою:

  • • нових типів елементів управління input;
  • • нових елементів введення для роботи з датою і часом;
  • • нових атрибутів елементів управління;
  • • нових елементів, які використовуються в формі.

Прикладами нових типів елементів input в формах є:

  • • input type = email - визначає поле, яке повинно містити email адреса; структура введеного в цьому полі значення автоматично перевіряється перед відправкою на сервер;
  • • input type = url - визначає поле, яке повинно містити url- адреса; структура введеного в цьому полі значення також автоматично перевіряється перед відправкою на сервер.
  • • input type = tel - визначає поле для введення телефонного номера; за допомогою атрибута pattern можна встановити формат прийнятого телефонного номера (за допомогою регулярних виразів).
  • • input type = number - визначає поле, яке повинно містити числа; можна задати діапазон чисел, що вводяться за допомогою атрибутів min і max; за допомогою атрибута step можна задати крок зміни допустимих чисел (наприклад, якщо крок дорівнює 2, то в поле можуть вводитися числа 0, 2,4, 6 і т. д.).

наприклад,

<Input name-email 'type-email' value = 'He email' />

<Input name-url 'type-url' value = 'He url' />

<Input name = 'tel1' type-tel 'pattern-8 [0-9] {10}' />

cinput name = 'tel2' type-tel 'pattern- [0-9] {2,3H0-9] {2} - [0-9] {2}' />

<Input name-number 'type =' number 'value-10' />

Крім цього, в HTML5 для елементів форм введені нові атрибути. наприклад,

  • • form - вказує форму, якої належить дане поле (може використовуватися з усіма типами input);
  • • multiple - вказує, що дане поле може приймати кілька значень одночасно (може використовуватися з елементами input типів email і file);
  • • novalidate - вказує, що дане поле не повинно перевірятися перед відправкою (може використовуватися з form і input);
  • • placeholder - відображає текст-підказку в поле (може використовуватися з input таких типів, як text, search, url, tel, email і password);
  • • required - вказує, що дане поле має бути обов'язково заповнене перед відправкою.

наприклад,

<Input type-file 'multiple-multiple' /> <br /> <br/>

<Input type-text 'form =' form1 '/> <br/> <br/>

<Form action-html5.php 'novalidate =' novalidate '>

<Input type-email 'placeholder =' BBeflnTe Ваш email '/> <br/> <br/>

<Input type-text 'required-'required "/>

ПРИКЛАДНІ ІНТЕРФЕЙСИ ДЛЯ МОВИ JAVASCRIPT

У мову HTML5 до DOM-моделі додані нові прикладні інтерфейси програмування:

  • • методи 2D- і 3D-малювання на сторінці;
  • • контроль над відтворенням медіафайлів;
  • • підтримка взаємодії web-сторінки з web-сервером (Web- Socket, Server-Sent Events, Cross-Document Messaging);
  • • підтримка локального сховища (local storage, більш функціональна альтернатива куки);
  • • підтримка можливості перетягування елементів між сторінками (Drag and Drop);
  • • можливість створення скриптів, які будуть виконуватися у фоновому режимі (Web Worker) і не будуть впливати на швидкість завантаження основної сторінки;
  • • підтримка роботи із засобами визначення місця розташування користувача (геолокація);
  • • розширення можливостей кешування сторінок в браузері вебсторінки стають доступні для користувачів навіть без підключення до мережі Інтернет).
 
Якщо Ви помітили помилку в тексті позначте слово та натисніть Shift + Enter
< Попередня   ЗМІСТ   Наступна >
 
Дисципліни
Агропромисловість
Аудит та Бухоблік
Банківська справа
БЖД
Географія
Документознавство
Екологія
Економіка
Етика та Естетика
Журналістика
Інвестування
Інформатика
Історія
Культурологія
Література
Логіка
Логістика
Маркетинг
Медицина
Нерухомість
Менеджмент
Педагогіка
Політологія
Політекономія
Право
Природознавство
Психологія
Релігієзнавство
Риторика
Соціологія
Статистика
Техніка
Страхова справа
Товарознавство
Туризм
Філософія
Фінанси
Пошук