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

苦海123

已于 2023-09-10 20:48:03 修改

阅读量454

点赞数 1

分类专栏： html5 文章标签：前端 html html5

于 2021-04-14 15:41:09 首次发布

本文链接：https://blog.csdn.net/weixin_46758988/article/details/115699966

版权

html5 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

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联系笔者删除。
笔者：苦海123
其它问题可通过以下方式联系本人咨询：
QQ：810665436
微信：ConstancyMan

苦海123

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
html5简介、选项输入框、表单元素分组、input新增属性及属性值

HTML5简介:定义：HTML5号称下一代HTML，html的最新版本，定义了新的标签、css、JavaScript，html5新标签IE9以上版本浏览器才兼容，因此在实际开发中要问老板是否兼容低版本浏览器。扩展内容：语义化标签、本地储存、兼容特性、2D 3D、动画过渡、CSS3新特性、性能与集成HTML5常用新标签：HTML5标签多为语义化标签，主要是针对浏览器搜索引擎，IE9浏览器中主要将所有语义化标签都转化为块级元素，语义化标签在移动端支持比较好，后面会有更多语义化标签学习。HTML5常用
复制链接

扫一扫