真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

HTML5如何使用新增的表單元素和屬性

這篇文章將為大家詳細講解有關HTML5如何使用新增的表單元素和屬性,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。

從策劃到設計制作,每一步都追求做到細膩,制作可持續(xù)發(fā)展的企業(yè)網(wǎng)站。為客戶提供成都網(wǎng)站建設、網(wǎng)站設計、網(wǎng)站策劃、網(wǎng)頁設計、國際域名空間、虛擬主機、網(wǎng)絡營銷、VI設計、 網(wǎng)站改版、漏洞修補等服務。為客戶提供更好的一站式互聯(lián)網(wǎng)解決方案,以客戶的口碑塑造優(yōu)易品牌,攜手廣大客戶,共同發(fā)展進步。

代碼演示說明了HTML5新增的表單元素和屬性,演示代碼中包含了placeholder屬性、autofocus 屬性、list 和 datalist 元素、search 類型文本框、email 類型文本框、number 類型文本框、range 類型文本框、tel 類型文本框、url 類型文本框以及還有日期、時間類型的 input元素等等。
示例代碼如下:


   
   HTML5 移動Web開發(fā)指南
   


   


       

           


               HTML5 移動Web開發(fā)指南


       

   

   

       HTML5 新元素--表單元素
       
           

               
                placeholder 屬性:
                                一般用在文本框上
                                其主要作用是當文本框處于未輸入狀態(tài)并且內(nèi)容為空時給文本框的提示內(nèi)容
                           效果:
                                當文本框獲取焦點時,提示信息自動清空,失去焦點且未輸入內(nèi)容時,提示信息又自動出現(xiàn)
                                省去傳統(tǒng)的文本框需要借助 onfocel 和 onblur 事件才能實現(xiàn)的效果
                                (兼容大部分的PC瀏覽器和Mobile瀏覽器,只能說科技確實進步了)
               示例:
             

           

           

               
                autofocus 屬性:
                              指定控件自動獲取焦點,需要注意的是一個HTML頁面上只能有一個控件具有改屬性
               示例:
               

           

           

               
                list 和 datalist 元素:
                                    list 元素的主要作用是提示文本框輸入,提示的數(shù)據(jù)源則由 datalist 提供
                                    目前 list 和 datalist 元素只有 Opera 瀏覽器支持,甚至沒有任何一款移動瀏覽器支持該特性
               示例:
             
                 
                 
                 
                 
             

             

           

           

               
                search 類型文本框:
                                主要用來搜索關鍵詞的文本框
                                該文本框和普通文本框唯一區(qū)別,在 Safari 和 Chrome 瀏覽器下,文本框的外觀為圓角
               示例:
             

           

           

               
                 email 類型文本框:
                                 是一個可以指定電子郵件內(nèi)容的文本框,通常用在輸入E-mail地址的輸入文本框上
                                 這種文本框和普通文本框在外觀上幾乎一樣,但實際上在Safari移動版瀏覽器下是有區(qū)別的
                                 其鍵盤會根據(jù)文本框類型不同而顯示相對應的鍵盤
                示例:
             

           

           

               
                number 類型文本框:
                                 是一種用于輸入數(shù)字的文本框類型
                                 它可以配合 min、max、及step屬性使用
               示例:
             

           

           

               
                range 類型文本框:
                                 是一種數(shù)值范圍輸入文本框類型,提供的是一種滑動輸入方式
                                 需要配合 min、max、range等屬性的使用
               示例:
             

           

           

               
                tel 類型文本框:
                                 是一種供用戶輸入電話號碼的文本框類型
                                 這種文本框在移動版瀏覽器下,其鍵盤會根據(jù)文本框類型不同而顯示相對應的鍵盤
               示例:
             

           

           

               
                url 類型文本框:
                                 是一種供用戶輸入Url地址的文本框類型
                                 這種文本框在移動版瀏覽器下,其鍵盤會根據(jù)文本框類型不同而顯示相對應的鍵盤
               示例:
             

           

           

             
                在HTML5規(guī)范中,除了新增表單元素外,還有日期、時間類型的 input元素
               但這些類型都沒有得到廣泛的支持
               具體如下:
                       日期和時間(含時區(qū)):
                       
                       日期和時間(不含時區(qū)):
                       
                       時間選擇器文本框:
                       
                       日期選擇器文本框:
                       
                       年的周號選擇器文本框:
                       
                       月份選擇器文本框:
                       
             

           

       
   

   

       

           

               HTML5 新元素--表單元素
           

       

   


關于“HTML5如何使用新增的表單元素和屬性”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。


當前文章:HTML5如何使用新增的表單元素和屬性
分享URL:http://weahome.cn/article/gijhps.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部