日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

html5简介、选项输入框、表单元素分组、input新增属性及属性值

發布時間:2025/3/15 编程问答 14 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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新增属性及属性值的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。