Uusi lomake HTML5

Uusia elementtejä muotoja vaatimat HTML5 ovat osoitus tavoitteet uuden version kieli: luoda, kanssa yksinkertaista kuvauskieltä, toimivampia ratkaisuja (tällä hetkellä saavutettavissa vain käyttämällä skriptauskielet), jotta voidaan vastata muuttuviin tarpeisiin Internet.

Tässä artikkelissa tulemme näkemään läpi lukuisia esimerkkejä, Ole uutuudet HTML5 luomiseen web-lomakkeen.

Jälleen kerran minun pitäisi muistuttaa lukijaa, että kaikki selaimet tukevat uuden Markup Language (HTML 5 ei ole vielä vakio, mutta kieli kehitteillä) niin, jotta voidaan näyttää oikein esimerkkejä, ehdotan selain käyttää jo valmis, esimerkiksi Opera.

Uutuuksia ja laajennukset

Tärkeimmät muutokset liittyvät käytön muoto esineitä omistettu (uusia tunnisteita) ja laajennuksia.

Käytön laajennukset sallii kautta klassinen tulo tag, automaattinen validointi data ja / tai laajentaa mahdollisuuksia luoda monimutkaisia ​​työkaluja, kuten esimerkiksi kalenterit.

Alkuruokana Ehdotan esimerkki: me korvata yksinkertainen tekstikenttä (<input type="text"/>) jotain tarkempaa: URL-kenttään. Katsotaanpa koodi:

 



 <form>







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







 </ Form>

 

Ilmeisesti et huomaa mitään eroa mieltä, mutta silmä välittömästi kokemus muuttuu Classic HTML4 markup:

• Tietyntyyppiset ("url")
  Määrittely odotettavissa tietotyyppi on hyötyä kielen jäsennin jäsentää sisältöä asianmukaiset ja huomaa virheen, se;
• Hakusanalla "pakollinen"
  Vaikka tämä on uusi HTML5, kuten ehdottaa, vaatii loppuun kentän pakolliseksi (mutta palaamme myöhemmin).

Ennen kuin lähdetään uuteen HTML5 mielestäni pitäisi olla nopea uudelleen noin säätimet moduulien tarjoamia HTML4.

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