HTML5制作网页中重要的实例技巧（二）

8. 占位符

<input name=”email” type=”email” placeholder=”doug@givethesepeopleair.com” /> 

<div id=”header”> 
… 
</div> 
<div id=”footer”> 
… 
</div> 

<header> 
… 
</header> 
<footer> 
… 
</footer> 

header, footer, article, section, nav, menu, hgroup { 
display: block; 
} 

document.createElement(“article”); 
document.createElement(“footer”); 
document.createElement(“header”); 
document.createElement(“hgroup”); 
document.createElement(“nav”); 
document.createElement(“menu”); 

<header> 
<hgroup> 
<h1> Recall Fan Page </h1> 
<h2> Only for people who want the memory of a lifetime. </h2> 
</hgroup> 
</header> 

<input type=”text” name=”someInput” required> 

<input type=”text” name=”someInput” required=”required”> 

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

<input type=”text” name=”someInput” placeholder=”Douglas Quaid” required autofocus> 

<audio autoplay=”autoplay” controls=”controls”> 
<source src=”file.ogg” /> 
<source src=”file.mp3″ /> 
<a href=”file.mp3″>Download this file.</a> 
</audio>