Er is geen CSS ondersteuning.
Html5 is echt een grote stap voorwaarts. Veel code is nu, door een paar basis-statements in html5, overbodig geworden. Bij de form-events is er nu "oninvalid" bijgekomen. Type een getal tussen de 0 en de 9 in het input-veldje, geef enter, en er zal niets gebeuren. Dat klopt: omdat dit slechts een volkomen "kaal" voorbeeld is. Voer echter een letter (of een groter getal dan 9) in; dan zal "na de enter-knop" er een alert verschijnen met de vraag om een geldig getal in te voeren. En dat allemaal zonder één letter script. Maar ja... Op dit moment heb je de meeste kans dat je helemaal geen alert ziet komen. Deze specifieke "html5-grap" wordt op het moment van schrijven alleen door Chrome ondersteund.
Laat dit je niet tegenhouden om in alle formulieren dit alvast in te bouwen. Oninvalid is volkomen correct html, volgens de W3C-norm, en zal binnen afzienbare tijd door alle browsers ondersteund worden. Het is makkelijker om op een later tijdstip gewoon de (dan overbodig geworden) code te verwijderen, en ben je nu al geheel op de toekomst voorbereid. De paar regels code van deze pagina staan hieronder.
<form method="post">
<label>
een getal tussen 0 en 9:
<input name="getal" type="number" min="0" max="9" required="required"
oninvalid="alert('Voer een geldig getal in');return false;">
</label>
</form>
cache 11-08-2010