h5 新增特性 - 語義標簽和input屬性

語義標簽

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

</head>

<body>

<!--日期時間-->

<input type="datetime-local" name="" id="" value="" /> </br>

<!--時間-->

<input type="time" name="" id="" value="" /> </br>

<!--chrome下輸入文字后,會多出一個關閉的X-->

<input type="search" name="" id="" value="" /> </br>

<!--滑動條-->

<input type="range" name="range1" min="0" max="100" step="5"/> </br>

<!--拾色器-->

<input type="color" name="" id="" value="" /> </br>

<!--選項列表-->

<input type="text" list="valList" />

<!--可篩選-->

<datalist id="valList">

? ? ? ?<option value="javascript" label="腳本">javascript</option>

? ? ? ?<option value="html" label="內容">html</option>

? ? ? ?<option value="css" ?label="樣式">css</option>

? ?</datalist>

<!--用于摘錄引用-->

<details open="open">

<summary>啊啊啊啊啊啊</summary>

<p>啊啊啊啊啊</p>

<p>啊啊啊啊</p>

<p>啊啊啊</p>

</details>

<!--黃色標記-->

<mark>標記</mark>

<!--hgroup(雙標簽):頁面上的一個標題組合,一個標題和一個子標題,或者標語的組合-->

<hgroup>

<h1>h1</h1>

<h2>h2</h2>

</hgroup>

<!--定義文章或頁面作者的詳細內容,為斜體顯示-->

<address>aaaaaaaaaaaaaaaaaa</address>

<!--low指定計數儀表指定范圍的最小值,必須大于min

? high指定計數儀表指定范圍的最大值,必須小于max

? optimum計數儀表有效范圍內的最佳值,如果大于high則越大越好,如果小于low則越小越好-->

<meter min="2" max="50" low="10" high="40" optimum="45" value="47"></meter>

<!--定義進度條-->

<!--//無min屬性-->

<progress max="100" value="50">

? ? ? ? <span>50</span>%

? ? ? ? </progress>

? ? ? ? <form action="demo_keygen.asp" method="get">

? ? ? ?Username: <input type="text" name="usr_name" />

<!--//?選擇高級或中級,點擊提交按鈕,自動生成-->

? ? ? ?Encryption: <keygen name="security" />

? ? ? ?<input type="submit" />

? ? ? ? ?</form>

</body>

</html>


?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 兼容性:HTML5在老版本的瀏覽器上也可以正常運行 實用性:HTML5內部并沒有特別復雜的功能,它只封裝了那些常用...
    舌尖上的蘇東坡閱讀 2,690評論 0 0
  • ORA-00001: 違反唯一約束條件 (.) 錯誤說明:當在唯一索引所對應的列上鍵入重復值時,會觸發(fā)此異常。 O...
    我想起個好名字閱讀 5,985評論 0 9
  • 新增的主體結構元素 主體結構元素:article、section、nav、aside非主體結構元素:header、...
    oWSQo閱讀 3,861評論 0 0
  • Swift1> Swift和OC的區(qū)別1.1> Swift沒有地址/指針的概念1.2> 泛型1.3> 類型嚴謹 對...
    cosWriter閱讀 11,674評論 1 32
  • 這是16年5月份編輯的一份比較雜亂適合自己觀看的學習記錄文檔,今天18年5月份再次想寫文章,發(fā)現簡書還為我保存起的...
    Jenaral閱讀 3,146評論 2 9

友情鏈接更多精彩內容