HTML5

<input type="text" maxlength="50" list="browsers" name="favBrowser" /><datalist id="browsers">
  <option value="Mozilla Firefox" />
  <option value="Internet Explorer" />
  <option value="Google Chrome" />
</datalist>

<keygen name="RSA public key" challenge="123456789" keytype="RSA" />
<input type="submit" name="createcert" value="Generate" />

<meter value="5" min="1" optimum="9" max="10"></meter>

<form onsubmit="return false" oninput="o.value = parseInt(a.value) + parseInt(b.value);"><input name="a" type="number" step="any" />     + <input name="b" type="number" step="any" />     = <output name="o">0</output></form>

<input type="color" name="favcolor" />

<input type="date" name="birthday" />

<input type="datetime" name="termin" />

<input type="datetime-local" name="termin" />

<input type="email" name="email" />

<input type="month" name="month" />

<input type="number" name="note" min="1" max="6" value="6" />

<input type="range" name="points" min="1" max="10" value="6" />

<input type="search" name="googlesearch" />

<input type="tel" name="telefon" />

<input type="time" name="time" />

<input type="url" name="homepage" />

<input type="week" name="woche" />

<video controls preload="none" poster="/media/video/sammy.jpg" width="640" height="360">
  <source src="/media/video/sammy.mp4" type="video/mp4" />
  <source src="/media/video/sammy.webm" type="video/webm" />
  <source src="/media/video/sammy.ogv" type="video/ogg" />
</video>

<audio controls>
  <source src="/audio.ogg" type="audio/ogg" />
  <source src="/audio.mp3" type="audio/mpeg" />
<span lang="de">Ihr Browser unterstützt keine Audio-Wiedergabe.</span><span lang="en">Your browser does not support the audio tag.</span></audio>

<canvas id="canvas_id" height="150" width="150">
  <p>Ihr Browser unterstützt das canvas-Element leider nicht.</p>
</canvas>

// coding: utf-8
/** Created by: Udo Schmal | https://www.gocher.me/ */
(function () {
  'use strict';
  function drawIt(){
    var objCanvas = document.getElementById('canvas_id');
    // Falls das Objekt unterstützt wird
    if (objCanvas.getContext) {
      // Kontext
      var objContext = objCanvas.getContext('2d');
      objContext.fillRect(20, 20, 100, 100);
      // Falls es kein IE ist
      objContext.clearRect(30, 30, 30, 30);
      objContext.strokeStyle = '#fc0';
      objContext.strokeRect(50, 50, 40, 40);
    }
  }
  var btn = document.getElementById('drawIt');
  if (drawIt) {
    btn.addEventListener('click', drawIt);
  }
})();