Как HTML5 Works

р, който направи основни HTML форми изглеждат почти остарели. HTML5 раздвижи форми, все пак, с нова форма елементи, видове входни и атрибути за съществуващи елементи.
<Р> Без разграничение между стария и новия синтаксис, нека да разгледаме цялостния подход към създаване на форма за вашата уеб страница, използвайки HTML5. Ето някои препоръчителни стъпки, за да започнете:
<ол> <ли> Създаване на формуляр с помощта на блок < формата > тагове
<Ли> Определяне на блок от полета в рамките на формата с помощта на < fieldset >. тагове
<Ли> Озеленяване всяко поле в комплекта поле се използва < етикет >. тагове. Използвайте " за " атрибут за всеки етикет, както бихте атрибута ID, за да видите какви този етикет за използване в други части на кода си. Пример: < етикет за = " име " > < /етикет >
<Ли> В рамките на всеки етикет етикет, добавете името на полето, както искате го показва плюс < вход /> маркер за областта самата
<Ли> Използвайте атрибут тип в рамките на тага вход (< вход тип = " " &Г). която подсказва на браузъра, за да валидира вход на потребителя въз основа на този тип. Това елиминира нуждата от допълнителен код, за да се справят с валидирането и пита за повторно влизане. HTML5 включва следните видове входни: дата, час, DateTime, дата и час-местен, месечни, седмични, номер, електронна поща, тел, URL обсег, цветни и търсенето. Можете също да използвате атрибута модел с регулярен израз да се създаде модел на потребителски валидиране.
<Ли> Посочете задължителни полета чрез добавяне на необходимия атрибут за входен елемент.
<Ли> Използвайте атрибута автофокус да зададете специално вход елемент на първия елемент във формата. Това е мястото, където уеб браузър автоматично ще поставите курсора на потребителя след зареждането на формата.
<Ли> Използвайте атрибута запазено място, ако желаете да добавите текстови съвети за това какво да влезе в дадена област.
<Ли> Определете CSS стилове за ": " изисквани и ": " невалиден; така че потребителят има визуални ориентири, които липсва информация или вход, който няма да се валидира за даден тип вход.

<р> Проверка на справочник с актуална HTML5 за пълен списък на формени елементи и техните атрибути. Също така, имайте предвид, че подкрепата за някои полета на формата варира между уеб браузъри. Бъдете сигурни, за да тествате форма във всеки тип на браузъра, ко