Im Forum suchenAJAX Tutorial: HTML5-Formulare mit jQuery.html5formMit dem von Matias Mancini machen Sie aus Ihrem Browser einen HTML5-Kompatiblen Bowser. Mit Einschränkungen aber ...
1
 1 Mit HTML5 lassen sich schöne, aber vor allem praktikable Formulare bauen. Leider nur, dass viele Browser mit HTML5 noch nicht umgehen können. 
Matias Mancini hat sich mit seinem jQuery-Plugin aufgemacht, diesen Missstand ein wenig zu mindern. Mit nur einer Zeile Code im Header stehen Ihnen jetzt Platzhaltern, Maxlength, Autocomplete und den Input-Feldern Url und E-Mail zur Verfügung. Leider werden die Input-Felder Date und Number noch nicht unterstützt. Aktuell werden folgende Browser unterstützt.
so einfach gehtsIm ersten Schritt werden die notwendigen jQuery und jQuery.html5form im header eingebunden
<head>
//jQuery library
<script src='http://code.jquery.com/jquery-1.4.2.min.js'></script>
//jQuery.html5form plugin
<script src='http://html5form.googlecode.com/svn/trunk/jquery.html5form-min.js'>
</script>
<script>
$(document).ready(function(){
$('#myform').html5form();
});
</script>
</head>
Dann einfach nur ein HTML5 Formular aufbauen und fertig. Es werden keine Classen benötigt. Die notwendigen Informationen erhält jQuery.html5form über die Attribute. <input type='email' name='email' id='email'/> Den Rest übernimmt jetzt jQuery.html5form. In diesem Beispiel wird auf Korrektheit der Emailadresse automatisch geprüft. Auf die selbe einfache Art und Weise können Required -Elemente erstellt werden. <input type='text' name='lastname' required /> Unter http://www.matiasmancini.com.ar/html5form_en.php findet Ihr weitere Beispiele
|
Über den Autor
Tutorial bewertenHat Ihnen dieses Tutorial gefallen? Dann bewerten Sie es jetzt! Fünf Sterne bedeutet "Sehr gut", ein Stern "Unzureichend". Social Links
 aktuelle Artikel
|
|||||||
-
PHP-Resource durchsuchen
-
Weitere Dienste
|23.09.2010 | 
30416 | KAT : 
Deutsch 
