<details
  <summary>
   Quellen
  </summary>
  <ul>
    <li>https://drafts.csswg.org/
    <li>https://developer.mozilla.org/en-US/docs/Web/HTML
  </ul>
</details>

<form accept-charset="utf-8"
  action=""
  method=""
  enctype="multipart/form-data">
</form>

<fieldset>
  <legend>Legend</legend>
</fieldset>

<input type="text" value="">

<input type="password" value="">

<textarea class="muster">
Mein Text in der Text-Area
</textarea>

<input type="hidden" value="">

<input type="search" value="">

ein Wort mit A eingeben:<br>
<input type="search" list="mysearches">
  <datalist id="mysearches">
    <option value="Alpha"> 
    <option value="Anna"> 
    <option value="Amsel"> 
    <option value="Archipel"> 
  </datalist> 

<input type="telephone" value="">

<input type="url" value="">

<input type="email" value="">

<input type="date" value="">

<input type="month" value="">

<input type="week" value="">

<input type="time" value="">

<input type="datetime-local" value="">

<input type="number" value="">

<input type="range" value="">

<input type="color" value="">

<input type="checkbox" value="">

<input type="radio" value="">

<input type="radio" name="my-radiogroup" value="1">
<input type="radio" name="my-radiogroup" value="2">
<input type="radio" name="my-radiogroup" value="3">

<select size="1">
  <option disabled="" value="a">Punkt 1</option>
  <option selected="" value="b">Punkt 2</option>
  <option value="c">Punkt 3</option>
</select>

<select name="Namen" size="6">
 <optgroup label="Group A">
    <option label="eins">1</option>
    <option label="zwei">2</option>
    <option label="drei">3</option>
  </optgroup>
  <optgroup label="Group B">
    <option label="vier">4</option>
    <option label="f&uuml;nf">5</option>
    <option label="sechs">6</option>
  </optgroup>
</select>

<select size="4" multiple="">
  <option value="a" selected="">Punkt 1</option>
  <option value="b">Punkt 2</option>
  <option value="c" selected="">Punkt 3</option>
  <option value="d">Punkt 4</option>
</select>

<input type="button" value="nur ein Button">

<input type="file" value="">

<input type="submit" value="ein Submit-Button">

<input type="image" src="imagesubmit.gif" value="">

<input type="reset" value="ein Reset-Button">

<button>Button</button>

<button type="reset">Reset</button>

<button type="submit">Senden</button>

<progress></progress>

<video height="100pt" controls>
  <source src="" type="">
</video>

<audio src="" controls ></audio>

<button id="anzeigen">Dialog</button>
<dialog id="minimaldialog">
   <div>
     Minimaldialog, geht nicht ohne JavaScript
    </div>
    <button id="verbergen">Schlie&szlig;en</button>
</dialog>
<script type="text/JavaScript">
  let dialog = document.getElementById('minimaldialog');
  document.getElementById('verbergen').onclick = 
    function() { dialog.close();};
  document.getElementById('anzeigen').onclick = 
    function() { dialog.show(); }; 
</script>