HTML5 | 您所在的位置:网站首页 › datalist标签兼容性 › HTML5 |
HTML5——HTML5新标签与特性
原创
流楚丶格念 2020-07-15 08:30:19 ©著作权 文章标签 HTML5 文章分类 HTML5 移动开发 ©著作权归作者所有:来自51CTO博客作者流楚丶格念的原创作品,请联系作者获取转载授权,否则将追究法律责任 起风了 兼容性问题 文档类型设定 字符设定 常用新标签 新增的input type属性值: 常用新属性 综合案例 兼容性问题 文档类型设定 document HTML: sublime 输入 html:4s XHTML: sublime 输入 html:xt HTML5 sublime 输入 html:5 ! 字符设定 :HTML与XHTML中建议这样去写 :HTML5的标签中建议这样去写 常用新标签w3c 手册中文官网 : http://w3school.com.cn/ header:定义文档的页眉 头部 nav:定义导航链接的部分 footer:定义文档或节的页脚 底部 article:定义文章。 section:定义文档中的节(section、区段) aside:定义其所处内容之外的内容 侧边 语义 :定义页面的头部 页眉 语义 :定义导航栏 语义: 定义 页面底部 页脚 语义: 定义文章 语义: 定义区域 语义: 定义其所处内容之外的内容 侧边datalist 标签定义选项列表。请与 input 元素配合使用该元素 刘德华 刘若英 刘晓庆 戚薇 戚继光fieldset 元素可将表单内的相关元素分组,打包 legend 搭配使用 用户登录 标题 用户名: 密 码: 新增的input type属性值: 类型 使用示例 含义 email 输入邮箱格式 tel 输入手机号码格式 url 输入url格式 number 输入数字格式 search 搜索框(体现语义化) range 自由拖动滑块 time 小时分钟 date 年月日 datetime 时间 month 月年 week 星期 年 常用新属性 属性 用法 含义 placeholder < input type=“text” placeholder=“请输入用户名”> 占位符 当用户输入的时候 里面的文字消失 删除所有文字,自动返回 autofocus < input type=“text” autofocus> 规定当页面加载时 input 元素应该自动获得焦点 multiple < input type=“file” multiple> 多文件上传 autocomplete < input type=“text” autocomplete=“off”> 规定表单是否应该启用自动完成功能 有2个值,一个是on 一个是off on 代表记录已经输入的值 1.autocomplete 首先需要提交按钮 2.这个表单您必须给他名字 required < input type=“text” required> 必填项 内容不能为空 accesskey < input type=“text” accesskey=“s”> 规定激活(使元素获得焦点)元素的快捷键 采用 alt + s的形式 综合案例 学生档案 姓名: 手机号码: 邮箱地址: 所属学院: 入学成绩: 学生档案思密达 姓名: 手机号: 邮箱: 所属学院: java学院 前端学院 php学院 设计学院 出生日期: 成绩: 毕业时间: 入学日期: 毕业日期: 打赏 赞 收藏 评论 分享 举报上一篇:HTML——input标记的典型应用(制作简单信息表单) 下一篇:HTML5——HTML5多媒体标签 |
CopyRight 2018-2019 实验室设备网 版权所有 |