HTML5新增加的標籤和表單新增屬性的程式碼實例

1.以前的盒子都有

標籤，現在都用語意化的標籤，例如：

頭標籤

導覽列標籤

側邊欄標籤

頁尾標籤

章節、頁首、欄位

#程式碼如下：

<header>头部</header>
<nav>导航</nav>
<section>    
<aside>左侧栏</aside>    
<article>文章</article>
</section>
<footer>页脚</footer>

新增樣式：

header,nav,section,footer{    
width: 1300px;    
height: 50px;    
border: solid #08050a 1px;    
/*margin:auto;*/    
margin-bottom: 5px;}
aside,article{    
border: solid red 1px;   
 height: 100%;    
 margin:0;}
 aside{    
 float: left;    
 width:30%;}
 article{    
 float:left;    
 width: 60%;}

效果如下：

2.表單新增的三個屬性：

Required:自動check內容

autofocus：自動取得焦點（頁首一開啟就取得到焦點，而不是將遊標移到上面才取得到）

placeholder:預設顯示內容

程式碼如下：

#

<form action="post">    
用户名：<input type="text" name="username" required="required" placeholder="请输入用户名" autofocus="autofocus">    
<br>    
<input type="submit" name="submit" value="提交">
</form>

執行效果：

##################點擊提交按鈕後：########################

以上是HTML5新增加的標籤和表單新增屬性的程式碼實例的詳細內容。更多資訊請關注PHP中文網其他相關文章！