Formulare gehören ja zu den wichtigsten Elemente einer Webseite – man möchte ja seinen Kunden / Leser eine Möglichkeit geben, dass sie sich mit uns in Verbindung treten können und zwar ohne das sie ein eMail Programm starten müssen und eine eMail extra tippen müssen. Oder man möchte durch ein Formular was bestellen oder sonst was abfragen.
Wusstet ihr das es mehr als nur den Type Text und Password gibt? Genau, hier habe ich euch mal eine Liste gemacht mit mehr oder weniger unbekannte Input-Typen für euer nächstes Formular
Video
HTML
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 | <p>
<label>text</label>
<input type="text" />
</p>
<p>
<label>passwörter</label>
<input type="password" />
</p>
<p>
<label>zahlen</label>
<input type="number" />
</p>
<p>
<label>email</label>
<input type="email" />
</p>
<p>
<label>suchen</label>
<input type="search" />
</p>
<p>
<label>farben</label>
<input type="color" />
</p>
<p>
<label>range</label>
<input type="range" min="0" max="5" value="0" />
</p>
<p>
<label>datum</label>
<input type="date" />
</p>
<p>
<label>Zeit</label>
<input type="time" />
</p>
<p>
<label>Datum + Zeit</label>
<input type="datetime-local" />
</p> |
CSS
1 2 3 4 5 6 | input {
font-size: 20px;
}
label {
font-size: 20px;
} |
0 Kommentare