HTML / HTML 5 - Die neuen Input-Elemente 1 2 3

von: Werner Zenk

Ende 2012 wird die Entwicklungsphase von HTML5 als Standard weitegehend abgeschlossen sein, bereits jetzt werden HTML5-Elemente in Browser eingebaut.
Die hier vorgestellten Input-Elemente werden bislang teilweise nur vom Browser Opera 9, Firefox 4 und Google Chrome unterstützt.

input type="range"

Opera 9

Opera 10

Regler: <input type="range" min="2000" max="2050" value="2009"
 onInput="year.value=value">

<output name="year"></output>

input type="url"

Opera 9
In Opera 10 ist daraus wieder ein schlichtes Eingabefeld geworden!

URL: <input type="url">

input type="email"

Opera 9
In Opera 10 ist daraus wieder ein schlichtes Eingabefeld geworden!

E-Mail: <input type="email">

input type="color"

Farbe: <input type="color">

input type="search"

Suche: <input type="search">

input type="telephone"

Telefon: <input type="telephone">

input type="time"

Uhrzeit: <input type="time">

input type="number"

Opera 9

Zahl: <input type="number" min="2000" max="2050" value="2009">

Die neuen Input-Elemente (2)

Und Ihre Meinung? Sie vermissen auf dieser Seite wichtige Informationen oder haben Hinweise für uns?

Kommentare: 4 » aufmachen Manuel: Schade, dass das bis jetzt nur bei Opera geht MfG Manuel Sebastian: Das wird eh noch Jahre bis Jahrzehnte dauern, bis das alle User haben. Man braucht und findet auf den allermeisten Seiten ja heutzutage noch workarounds für IE6, obwohl IE8 aktuell ist. Werner: Am besten wäre ein Verfallsdatum für alte Browser-Versionen. Jonas: is das ding mitden farben nich eine normale dropdown >.< ?? <input list="Farben"><datalist id="Farben"><option>Rot</option><option>Blau</option><option>Grün</option></datalist> Werner: Nein, Vielmehr eine Kombination aus Eingabefeld und Auswahlliste (dropdown. Es kann also ein Wort eingegeben werden oder ein definiertes Wort aus der Liste ausgewählt werden. Bernd: schade schade ... schöne neue welt... aber wieder nur unvollständig... Was ist mit dezimaltrenner ? . oder , ? Was ist mit Währungen ? Tausender punkt oder Komma ? Wieder nur der einafche Quark...
Hilfe finden Sie im » netzgemein.de - Forum. Auch als „Gast” können Sie dort Fragen stellen!

Das könnte Sie interessieren:

Der Input-Tag (2)

Farbverlauf (Farbtabelle) - Für das Design einer Webseite ist die Farbwahl ausschlaggebend. Abhängig vom Thema der Homepage oder vom Logo verwenden Sie Farben am besten in Farbabstufungen.

Helle Farben - Farben sind eines der wichtigsten Gestaltungsmittel auf einer Webseite.

Frameset Vorlagen (4)

Marquee und Blink

216 Standard-Farben - Das ist eine Aufstellung der „browsersicheren” Internet-Farben (Farbtabelle), die auf jedem System, mit jedem Browser gleich dargestellt werden und sich somit optimal fürs Webdesign eignen.

Auswahllisten-Vorlagen - Nichts ist langweiliger beim schreiben als große Auswahllisten zu erstellen! Hier finden Sie deshalb diverse Auswahllisten zum kopieren.

Image-Toolbar - Neu im Internet Explorer 6 ist die Image Toolbar. Sie erscheint automatisch, sobald der Mauszeiger auf einer Grafik größer als 130*130 Pixel ruht. Über die angebotenen Icons kann die jeweilige Grafik abgespeichert, gedruckt oder per Email verschickt werden. So lässt sich die Image Toolbar abschalten

Alternativtext - Beim Attribut alt= geben Sie einen Alternativtext an, für den Fall, dass die Grafik nicht angezeigt werden kann. Der Alternativtext dient auch zur Information...

Leuchtfarben (Neonfarben)

Farbnamen, Hexadezimal, Dezimal, Prozent, Negativ und mit einem Farbbeispiel.

Bildschutz (4)

Automatische Texteingabe - Automatische Texteingabe (autocomplete) in Formularfeldern verhindern oder erlauben. …mehr