Den nye form for HTML5

De nye elementer til de formularer, der kræves i HTML5 er vejledende af målene med den nye version af sproget: at skabe, med den enkle markup, mere funktionelle løsninger (pt opnås kun ved hjælp af scripting sprog) med henblik på at imødekomme de ændrede behov Internet.

I denne artikel vil vi se, gennem talrige eksempler, Ole nyskabelser HTML5 i skabelsen af web-formular.

Endnu en gang jeg skulle minde læseren om, at ikke alle browsere yde støtte til de nye Markup Language (HTML 5 er endnu ikke en standard, men et sprog under udvikling), så for at korrigere visning af de eksempler, jeg foreslår browseren til at bruge allerede forberedt, for eksempel, Opera.

Nye poster og udvidelser

De væsentligste ændringer vedrører brugen af ​​Form dedikerede objekter (nye mærker) og udvidelser.

Brugen af extensions tillader det, gennem den klassiske input-tag, den automatiske validering af data og / eller udvide potentialet til at skabe komplekse værktøjer som for eksempel kalendere.

Som en forret vil jeg foreslå dig et eksempel: vi udskifter simpelt tekstfelt (<input type="text"/>) med noget mere konkret: en URL-feltet. Lad os se koden:

 



 <form>







 URL: <input name="url" type="url" value="" required>







 </ Form>

 

Tilsyneladende du ikke mærke nogen forskel i opfattelse, men på et øje umiddelbart opleve ændringer fra den klassiske HTML4 markup:

• Den specifikke type ("url")
  Specifikationen af de forventede datatype er nyttigt at sproget parseren til at parse indholdet med passende og varsel tilstedeværelsen af fejl;
• søgeordet "kræves"
  Selv om dette er nye HTML5, som antyder, forudsætter gennemførelse af feltet som obligatoriske (men vi vil vende tilbage senere).

Inden vi går ind i det nye HTML5 jeg synes, det bør være en hurtig gennemgang om kontrol af de moduler, der tilbydes af HTML4.

• <<
• 1
• 2
• 3
• 4
• 5
• >>