博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
WEB前端 -- input类型、fieldset、HTML5新标签
阅读量:3675 次
发布时间:2019-05-21

本文共 970 字,大约阅读时间需要 3 分钟。

1.fieldset:将表单中的相关元素进行分组,生成一组相关表单的字段

学生信息 姓名:
性别:

2.input类型

请选择数字:<input type="number" min="6" max="10" value="7"/><br />

改变值:<input type="range" min="0" max="200" value="100"/><!--value:默认到的值--><br />
颜色:<input type="color"/><br />
日期:<input type="date"/><br />

搜索:<input type="search"/>

3.HTML5部分新标签

1)progress:进度标签 value:当前值,max:最大值,min:默认为0

2)section:文档中的节或章(一般与div作用一样,用于布局)

3)video:支持视频

4)audio:支持音频

5)source:资源

6)datalist:提示可能的值,与select写法不一样,datalist需要显示的内容写在option的value属性中

     和input一起使用,list="datalist的id"

                              

7)embed:引入Flash或插件

8)canvas:画布标签,默认300px*150px

9)header

10)footer

11)aside:定义页面的侧边栏内容,不会对页面的样式有修改,只有更有语义

12)article:定义页面的独立的内容区域,一般为文章

13)details:文档某个地方的细节

14)summary:details中的标题

15)time:定义日期或时间,datetime="2017-12-24"

16)ruby:2个子元素。rt:音标和rp:不支持时显示

17)mark:标记

18)nav:导航链接

转载地址:http://zxrbn.baihongyu.com/

你可能感兴趣的文章
Spring Security oAuth2
查看>>
2021网易游戏雷火2021春招游戏功能测试工程师 笔试记录----春招补录
查看>>
完全理解Docker安装软件,只需三步!
查看>>
整体学习Spring的Bean生命周期(上帝视角)
查看>>
Redis分布式锁逐步完善过程,最后推荐Redisson框架
查看>>
区块链11-区块链去中心化应用开发4-DAPP实战-应用介绍及前置知识
查看>>
Vue2.x中使用Bus遇到的问题及解决方法
查看>>
TypeScript从入门到精通(一)准备工作
查看>>
TypeScript从入门到精通(二)静态类型
查看>>
排序算法学习和总结
查看>>
缓存优化
查看>>
Java内存模型vs JVM运行时数据区
查看>>
工作内存缓存问题
查看>>
对于同步的规则定义
查看>>
ReentrantLock(可重入锁)
查看>>
ReadWriteLock(读写锁)
查看>>
HashMap的实现原理
查看>>
Ansible 角色:安装mysql(简易版)
查看>>
Ansible: 安装与配置
查看>>
显示调用panic函数
查看>>