Beispiel:HTML input-element time-typen.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" />
    <title>input-Elemente zur Eingabe von Zeitangaben</title>
    <style>
      dd,dt {
        display: inline;
        margin: 0;
      }
      dd:after {
        content: "";
        display: block;
      }
      label {
        display: inline-block;
        text-align: right;
        width: 13em;
      }
      label:after {
        content: ":";
      }
    </style>
  </head>
  <body>
    <h1>input-Elemente zur Eingabe von Zeitangaben</h1>
    <main>
      <dl>
        <dt><label for="date">type = "date"</label></dt>
        <dd><input type="date" id="date"></dd>
        <dt><label for="datetime-local">type = "datetime-local"</label></dt>
        <dd><input type="datetime-local" id="datetime-local"></dd>
        <dt><label for="week">type = "week"</label></dt>
        <dd><input type="week" id="week"></dd>
        <dt><label for="month">type = "month"</label></dt>
        <dd><input type="month" id="month"></dd>
        <dt><label for="time">type = "time"</label></dt>
        <dd><input type="time" id="time"></dd>
      </dl>
    </main>
  </body>
</html>
Abgerufen von „http://wiki.selfhtml.org/index.php?title=Beispiel:HTML_input-element_time-typen.html&oldid=69796“