‘HTML5 űrlapok’ címkét tartalmazó cikkek
Egy kis szünet után ismét jelentkezek egy cikkel. Remélem felkészültetek, ezúttal csinálunk egy komplett fizetési űrlapot, annak minden kellékével együtt.
Nem lesz egyszerű dolgunk, hiszen itt már komolyan kell az egyes strukturális elemeket használni, valamint fejest ugrunk a css3-ba is. Ha valamelyik parancsot nem érted és én nem láttam el commenttel, akkor sokat segíthet a CSS3 referencia. Találsz magyarul vagy angolul is. Valamint, javasolt a kód letöltése és ízekre szedése, átírása, ahogy jól esik.
Vágjunk is bele, kezdjük a HTML5 résszel, hiszen ez az egyszerűbb, itt csak az lesz fontos, hogy a struktúrát megfelelő logikával építsük fel, hogy a “csinosítás” egyszerűbb legyen.
A HTML5 beviteli elemeit fogom használni, értelemszerűen a következőket:
- text
- tel
Valamint pár kiegészítő opciót, amiket már megnéztünk az előzőekben:
- autofocus
- required
- placeholder Tovább olvasom »
Űrlapokkal mindenütt találkozhatunk a weben, elengedhetetlen tartozékai szinte az összes weboldalnak. Szerencsére a HTML5 szabvány kidolgozásakor ez a ma már elavult, különböző praktikákkal „turbósított” terület nagyobb figyelmet kapott. A HTML5 szabvány jelenlegi állapotában 13 új beviteli elemet (input types) tartalmaz, vagy módosított működéssel bírót. (Ez így péntek 13.-án nem rossz, kétszer is átszámoltam. )
HTML5 beviteli elemek (input types)
Akkor lássuk azt a bizonyos 13 új HTML5 beviteli elemet (minden elemnél egy egyszerű példát is beszúrok, az adott elem használatához egy reprezentatív értékkel ellátva):
color – Egy natív színválasztó, melynek segítségével a felhasználó választhat egy színt.
<input type="color" value="#99BBEE">
date – Dátumválasztó beviteli elem
<input type="date" value="2012-01-13">
datetime – Dátum és időválasztó elem Tovább olvasom »