HTML and CSS Reference
In-Depth Information
<input autocorrect "on"/>
<input autocorrect "off"/>
Um die Großschreibung zu steuern, wird das Attribut
autocapitalize
benutzt. Ein
normales
input
-Element vom Typ
text
hat die automatische Großschreibung stan-
dardmäßig aktiviert, um sie also explizit auszuschalten, schreiben Sie:
<input type "text" autocapitalize "off"/>
Neben diesen neuen Typen und größtenteils iPhone-spezifischen Attributen ist leider
recht wenig der HTML5-Spezifikation in diesem Bereich implementiert. Komplexere
Typen wie
datetime
, die vom Browser in Datumseingabefelder umgesetzt werden
könnten, sind beispielsweise weder auf dem iPhone noch im WebKit-Browser auf
Android implementiert.
Auch viele der neuen Attribute, durch die beispielsweise die Validierung der Eingaben
vorgenommen werden können (über das
pattern
-Attribut sollte ein regulärer Aus-
druck angegeben werden können etc.), werden nicht unterstützt. Sicherlich wird sich die
Lage mit der Zeit bessern, derzeit verzichten wir jedoch auf eine weitere Vorstellung
dieser Features und nutzen den Platz in diesem Buch für diejenigen, die tatsächlich
funktionieren.
Das folgende Beispiel ruft alle derzeit verfügbaren
input
-Types auf:
<! HTML5 Input Typen / Eingabefelder
Markus Spiering / Sven Haiges
>
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Eingabefelder</title>
<meta name "layout" content "webkit" />
<meta content "minimum scale 1.0, width device width, maximum
scale 0.6667, user scalable no" name "viewport" />
<link href "style.css" rel "stylesheet" media "screen" type "text/css" />
<script>
(function my() {
var $i {};
$i.init function()
{
var detectionNode, msg '', formats, pos, audio;
};
document.addEventListener("DOMContentLoaded", $i.init, false);
}).call();
</script>
</head>
<body>
<div id "topbar">
<div id "title">Neue Input Typen</div>
</div>
<div id "content">
