Neue HTML5 MarkUp Tags und Attribute

HTML5

Neues download-Attribut für Links

Gibt man einen Wert für das Download-Attribut ein, wird die verlinkte Datei mit dem neuen Dateinamen heruntergeladen. Also im Beispiel "tolles_logo.jpg" statt "small_size_image.jpg":

<a href="/img/layout/small_size_image.jpg" download="tolles_logo">

HTML5 Formular Elemente

Neue Formular Eingabe Elemente die im Moment von den meisten modernen Browsern unterstützt werden:

"Number" ist ein Formularfeldtyp für Zahlen.

<input type="number" min="0" step="0.01" name="price">

"Range" ist ein Formularfeld, das dem Benutzer erlaubt, einen Wert mit einem Schieberegler auszuwählen. Beispiel:

<input type="range" min="-100" max="100" value="0" step="10" name="power" list="powers">
<datalist id="powers">
 <option value="0">
 <option value="-30">
 <option value="30">
 <option value="++50">
</datalist>

"tel" als Eingangstyp einer Telefonnummer:

<input type="tel" pattern="[\+]\d{2}[\(]\d{2}[\)]\d{4}[\-]\d{4}" title="Telefonnr. Format: +99(99)9999-9999">

email für die Eingabe einer E-Mail-Adresse:

<input type="email">