html5简介、选项输入框、表单元素分组、input新增属性及属性值
生活随笔
收集整理的這篇文章主要介紹了
html5简介、选项输入框、表单元素分组、input新增属性及属性值
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
HTML5簡介:
定義:HTML5號稱下一代HTML,html的最新版本,定義了新的標簽、css、JavaScript,html5新標簽IE9以上版本瀏覽器才兼容,因此在實際開發中要問老板是否兼容低版本瀏覽器。
擴展內容:語義化標簽、本地儲存、兼容特性、2D 3D、動畫 過渡、CSS3新特性、性能與集成
HTML5常用新標簽:
HTML5標簽多為語義化標簽,主要是針對瀏覽器搜索引擎,IE9瀏覽器中主要將所有語義化標簽都轉化為塊級元素,語義化標簽在移動端支持比較好,后面會有更多語義化標簽學習。
HTML5常用新標簽:
datalist選項輸入框:
此標簽和input標簽搭配可以實現input輸入提示,注意:input標簽中必須要有list屬性,其值綁定的是datalist的id值,option標簽中的value值不能為空,否則此功能失效。
<body><input type="text" value="輸入科目" list="lis" ><datalist id='lis'><option value="科目1"></option><option value="科目2"></option><option value="科目3"></option><option value="科目4"></option></datalist></body>fieldset表單元素分組:
此標簽和legend標簽搭配可以將表單內相關元素分組(外部用一個矩形的方框包裹)
<body><fieldset><legend>用戶信息</legend> <!-- 矩形框邊插入的文本信息,去掉此標簽則為 封閉的矩形 --><input type="text" value="user"><br><input type="password" value="password"></fieldset></body>html5中input標簽的type屬性新增屬性值:
input中新增屬性:
提示:本文圖片等素材來源于網絡,若有侵權,請發郵件至郵箱:810665436@qq.com聯系筆者 刪除。
筆者:苦海
總結
以上是生活随笔為你收集整理的html5简介、选项输入框、表单元素分组、input新增属性及属性值的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 汇编语言PTR运算符:重写操作数的大小类
- 下一篇: 汇编语言ALIGN伪指令:对齐一个变量