Beispiel:HTML-input-time.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche 
<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" media="screen" href="./Beispiel:SELFHTML-Beispiel-Grundlayout.css" />
  <style>
form {
    width: 30em;
} 
input {
  padding: .5em; 
  background-color: #fffbf0; 
  border:1px solid #e7c157;
  width: 12em;  
}
label { 
    display: inline-block; 
    width: 16em;
    margin-bottom: 1em;
    line-height: 2em;
    text-align: right;
}
label::after { 
    content: ": ";
}
input:invalid { 
    border: 1px solid red;
}
button {
    margin-left: 19.8em;
    width: 10em;
    margin-bottom: 1em;
}
  </style>
  <title>Formular mit Eingabe von Uhrzeit</title>	
</head>

<body>
  <h1>Formular mit Eingabe von Uhrzeit</h1>
<main> 
  <form>
    <label for="uhrzeit">Geben Sie bitte die Uhrzeit ein</label>
    <input type="time" name="uhrzeit">
 
    <button type="reset">Felder leeren</button>
    <button type="submit">absenden</button>
 </form>
 

</main>  
  
</body>
</html>
Abgerufen von „http://wiki.selfhtml.org/index.php?title=Beispiel:HTML-input-time.html&oldid=62070“