HTML5 new features

http://net.tutsplus.com/tutorials/html-css-techniques/25-html5-features-tips-and-techniques-you-must-know/

by Lien Z

HTML

<!--HTML5 new features -->

<!--HTML5 Form features -->
<input type="text" name="firstname" placeholder="Line" /><br/>
<input type="text" name="lastname" autofocus /><br/>
<input type="url" name="url"  /><br/>
<input type="email" name="email"  /><br/>
<input type="submit" name="submit"  value="Go" />

<br/><br/>

<form method="post" action="">  
    <label for="someInput"> Your Name: </label>  
    <input type="text" id="someInput" name="someInput" placeholder="Douglas Quaid" required="required">  
    <button type="submit">Go</button>  
</form>  

<!--HTML5 audio features -->
<audio autoplay="autoplay" controls="controls">  
    <source src="file.ogg" />  
    <source src="file.mp3" />  
    <a href="file.mp3">Download this file.</a>  
</audio>  

<!--HTML5 video features -->

<video controls preload>  
    <source src="cohagenPhoneCall.ogv" type="video/ogg; codecs='vorbis, theora'" />  
    <source src="cohagenPhoneCall.mp4" type="video/mp4; 'codecs='avc1.42E01E, mp4a.40.2'" />  
    <p> Your browser is old. <a href="cohagenPhoneCall.mp4">Download this video instead.</a> </p>  
</video>