‘HTML5 input types’ címkét tartalmazó cikkek
Ahogy azt már egy korábbi cikkemben (ahol a HTML5 input types került bemutatásra) megemlítettem, a HTML5 range element egy mostohagyerek. Nem gondolom, hogy a böngészők a normális támogatást ne tudnák megoldani, de úgy néz ki, nincs rá idejük az egyre gyorsuló verziószám háborúban. Az általam bemutatott megoldás IE alatt nem működik, de a többi tesztelt böngészőben igen.
HTML5 range
Kezdjük egy kis múltidézővel.A range beviteli típus a tartományok közötti értékek bevitelét segíti, egy csúszkával. Használata:
<input type="range" value="500" min="0" max="1000" step="100" id="egyid" />
Attribútumai, ahogy látható is:
- value - Az érték lehet bármilyen érvényes lebegőpontos szám (nem muszáj egész számnak lennie). Az alapértelmezett érték a minimum és maximum értékek fele.
- min – A tartomány minimum értéke, alapértelmezésben:0
- max – A tartomány maximum értéke, alapértelmezésben: 100
- step - A lépésköz, alapértelmezésben:1 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 »
We can meet with forms throughout the internet. They are crucial elements of the wegpages. Fortunately during the standard’s development greater attention has been given to the forms. In current condition the HTML5 standard contains 13 new input or modified operation types.
HTML5 input types
Let’s see then the 13 new HTML5 input types (I’m gonna give a simple example for every type with a representative value):
color – A native color elector which helps to chose a color.
<input type="color" value="#99BBEE">
date – Allows the user to select a Date.
<input type="date" value="13-01-2012">