日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

    
        
        
    
    
        
contentEditable屬性
        
            Hello contentEditable
        

        
            Hello Hidden
        

為了兼容一些不支持該屬性的瀏覽器（IE8），可以在CSS中加如下樣式：

*[hidden]{
   display: none;
}

var p1=document.querySelector("body #p1");
p1.innerHTML+=" +++";

1.4、draggable

規(guī)定元素是否可拖拽
3個(gè)枚舉值
true 規(guī)定元素是可拖動(dòng)的。
false 規(guī)定元素是不可拖動(dòng)的。
auto 使用瀏覽器的默認(rèn)特性。

示例：

運(yùn)行結(jié)果：

1.5、data-*

data-*屬性能讓用戶自定義屬性的方式來(lái)存儲(chǔ)數(shù)據(jù)

取值：
getAttribute('data-order-amount')
dataset.orderAmount
jQuery中的data()方法同樣可以訪問(wèn)

使用jQuery與javascript添加與獲取data屬性示例：

    
        
        
        
    
    
        
data-*
        

        添加數(shù)據(jù)
        獲取數(shù)據(jù)
        
    

運(yùn)行效果：

1.6、placeholder占位屬性

這是一個(gè)很實(shí)用的屬性,免去了用JS去實(shí)現(xiàn)點(diǎn)擊清除表單初始值.瀏覽器支持也還不錯(cuò),除了Firefox,其他標(biāo)準(zhǔn)瀏覽器都能很好的支持

            

                郵箱：
                
            

1.7、required必填屬性

約束表單元在提交前必須輸入值。

            

                博客：
                
            

1.8、pattern正則屬性

約束用戶輸入的值必須與正則表達(dá)式匹配。

            

                帳號(hào)：
                請(qǐng)輸入a-zA-Z0-9且長(zhǎng)度6-16位的字符            
                

1.9、autofocus自動(dòng)聚焦屬性

            

                博客：
                
            

讓指定的表單元素獲得焦點(diǎn)。

1.10、autocomplete自動(dòng)補(bǔ)全屬性

當(dāng)表單元素設(shè)置了自動(dòng)完成功能后，會(huì)記錄用戶輸入過(guò)的內(nèi)容，雙擊表單元素會(huì)顯示歷史輸入。

該屬性默認(rèn)是打開(kāi)的。

1.11、novalidate不驗(yàn)證屬性

novalidate 屬性規(guī)定在提交表單時(shí)不應(yīng)該驗(yàn)證 form 或 input 域。

提交

1.12、multiple多選屬性

multiple 屬性規(guī)定輸入域中可選擇多個(gè)內(nèi)容，如：email 和 file

    
        
        
    

    
        
HTML5新的表單元素
        

            

                姓名：
                
            
            

                相片：
                
            
            

                帳號(hào)：
                請(qǐng)輸入a-zA-Z0-9且長(zhǎng)度6-16位的字符            
            

                郵箱：
                
            
            

                博客：
                
            
            

                生日：
                
            
            

                身高：
                
            
            

                膚色：
                
            
            

                體重：
                
                
            
            提交
            
        
    

感謝各位的閱讀！關(guān)于“html5中有什么新屬性”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！