h5新增常用屬性

2021-09-26 03:59:31 字數 639 閱讀 6715

頭部


導航文章


側邊導航


底部

缺點：相容性比較差，ie9以上才可識別。

ie8及以下如何識別？

1.手動用js建立標籤

注意：一定要先建立在使用。js建立的標籤都是行內元素，要將其 轉換成塊元素，或者加浮動。

2.引入庫

薪資: 


手機號：


你最喜歡的顏色:


偶像的名字:


體重: 


h5的下拉列表:


磁碟占用:
框架標籤 iframe 引入另外乙個html介面frameborder = 「0」 取消框架邊框

scrolling = 「yes / no /auto」 一般設定為no 不讓滾動條出現

src: 鏈結的介面位址

iframe 不被爬蟲爬取資訊

h5 新增屬性

預設提示內容 placeholder 多輸入,多提交 multiple 支援乙個域中多輸入，逗號隔開,一般配合郵箱和url型別使用 自動獲取焦點,頁面載入，自動獲取焦點游標 autofocus 防止空提交 required 允許輸入的最小字元數和最大字元數 minlength 允許輸入的最小字元長度...

H5新增屬性

doctype html en utf 8 viewport content width device width,initial scale 1.0 document title cursor pointer 出現小手 button 屬性選擇器使用方法 相當於交集選擇器，即表示既有button屬性...

H5新增屬性classList

h5中新增了乙個classlist，原生js可以通過它來判斷獲取dom節點有無某個class。classlist是html元素物件的成員，它的使用非常簡單，比如 console.log document.body.classlist 目前已知classlist api有length,item,add...