HTML Input Elemente by Oliver-Zoufahl on Mai 24, 2025 Text Nummer Datum Uhrzeit Datum & Uhrzeit E-Mail Passwort Website-URL Telefonnummer Farbe wählen Checkbox Radio-Button Datei hochladen Wert wählen Suche Versteckte Eingabe Demo <div class="form-group"> <label for="text">Text</label> <input id="text" name="text" type="text" placeholder="Text eingeben" /> </div> <div class="form-group"> <label for="number">Nummer</label> <input id="number" name="number" type="number" placeholder="Nummer eingeben" /> </div> <div class="form-group"> <label for="date">Datum</label> <input id="date" name="date" type="date" placeholder="Datum eingeben" /> </div> <div class="form-group"> <label for="time">Uhrzeit</label> <input id="time" name="time" type="time" placeholder="Uhrzeit eingeben" /> </div> <div class="form-group"> <label for="datetime-local">Datum & Uhrzeit</label> <input id="datetime-local" name="datetime-local" type="datetime-local" /> </div> <div class="form-group"> <label for="email">E-Mail</label> <input id="email" name="email" type="email" placeholder="E-Mail eingeben" /> </div> <div class="form-group"> <label for="password">Passwort</label> <input id="password" name="password" type="password" placeholder="Passwort eingeben" /> </div> <div class="form-group"> <label for="url">Website-URL</label> <input id="url" name="url" type="url" placeholder="Website-URL eingeben" /> </div> <div class="form-group"> <label for="tel">Telefonnummer</label> <input id="tel" name="tel" type="tel" placeholder="Telefonnummer eingeben" /> </div> <div class="form-group"> <label for="color">Farbe wählen</label> <input id="color" name="color" type="color" /> </div> <div class="form-group"> <label for="checkbox">Checkbox</label> <input id="checkbox" name="checkbox" type="checkbox" /> </div> <div class="form-group"> <label for="radio">Radio-Button</label> <input id="radio" name="radio" type="radio" /> </div> <div class="form-group"> <label for="file">Datei hochladen</label> <input id="file" name="file" type="file" /> </div> <div class="form-group"> <label for="range">Wert wählen</label> <input id="range" name="range" type="range" min="0" max="100" /> </div> <div class="form-group"> <label for="search">Suche</label> <input id="search" name="search" type="search" placeholder="Suche eingeben" /> </div> <div class="form-group"> <label for="hidden">Versteckte Eingabe</label> <input id="hidden" name="hidden" type="hidden" value="geheimer-wert" /> </div> <div class="form-group"> <input type="submit" value="Absenden" /> </div> <div class="form-group"> <input type="reset" value="Zurücksetzen" /> </div> <div class="form-group"> <input type="button" value="Allgemeiner Button" /> </div>