HTML5 添加新的標簽 input屬性


<!-- 新增 有語意標簽 -->
<nav></nav> <!-- 導航標簽  -->


<seclion></seclion> <!--區域標簽-->


<footer></footer> <!--底部標簽-->


<aside></aside><!--測邊欄標簽-->


<article></article><!--文章標簽-->

input 標簽屬性

<input tyer="email" /> <!--輸入郵箱-->

數字:

<input type = "numder"   /><!--數字--->
         <!--屬性--->
         <!--step="5" 輸入數字間隔 ---> 

網址:

  

<input type="url" /> <!---輸入網址--> <!--http://xxxxxxxxx-->

時間:

  

<input type="time" /> <!--時分--->

日期:

  

<input type = "date" > <!--年月日-->

時間日期:

<input type = "datetime" /> <!--年月日時分    **在手機端可以實現-->

 

顯示第幾周:

<input type = "week"> <!--第幾年的第幾周-->

取色器:

<input type="color"> <!--取色器-->

 

<input type="range" name="points" min="1" max="10" /> <!--取值器-->

 

搜索:

<input type="search" /> <!--沒有任何效果  只是語意性--->

手機號:

<input type="tel"  />   <!--手機端有顯示   彈出數字-->

 

<!--輸入文字自動匹配   文字選擇-->
<input type = "text" list="dt"/>
<datalist id="dt">
    <option value="北京" >bj</option>
    <option>上海</option>
    <option>北北京</option>
    <option>湖南</option>
</datalist> 
 <!--input 與datalist 配合使用--->

 

 

 

<input type="text" placeholder="北京"> <!--站位符-->

<input type="text" autofocus> <!--自動獲得光標-->

<input type="text" autocomplete="off"> <!--效果取消   (當鼠標放入輸入框時顯示以前輸入的東西) -->



<input type="text" required>  <!--不可以為空--->

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM