HTML Input Elemente

<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>