Beispiel:HTML-input-datetime-local.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: 25em;
}

form p {
  text-align: center;
}

input {
  padding: .5em;
  background-color: #fffbf0;
  border: 1px solid #e7c157;
}

input:invalid {
  border: 1px solid red;
}

button {
  width: 10em;
}
  </style>
  <title>Formular mit Eingabe von Datum und Zeit</title>	
</head>

<body>
  <h1>Formular mit Eingabe von Datum und Uhrzeit</h1>
  <main>
    <form>
      <p>
        <label>Geburtsdatum und -Uhrzeit:</label>
        <input id="gebdat" type="datetime-local">
      </p>
      <p>
        <button type="reset">Felder leeren</button>
        <button type="submit">absenden</button>
      </p>
    </form>
  </main>
</body>
</html>
Abgerufen von „http://wiki.selfhtml.org/index.php?title=Beispiel:HTML-input-datetime-local.html&oldid=88352“