Beispiel:HTML input-Element4.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>Hinweistexte mit placeholder</title>
  <style>
    form {
      width: 30em;
      border: 1px solid gainsboro;
      padding: 1em 1em 0 1em;
    }
    input {
      margin: 0 0 1em 1em;
    }
    label { 
      float: left; 
      text-align: right; 
      width: 10em; 
    }
  </style>
 
</head>
<body>
  <h1>Hinweistexte mit placeholder</h1>

  <main>
    <form>
      <label for="bname">Benutzername: </label> 
      <input id="bname" size="30" maxlength="30" placeholder="test@example.com">
 
     <label for="ort">Wohnort: </label>  
      <input id="ort" size="30" maxlength="40" placeholder="Musterstadt">
    </form>
  </main>
</body>
</html>