文档章节

HTML5新增标签(二)

博为峰教研组
 博为峰教研组
发布于 2016/12/22 11:05
字数 328
阅读 5
收藏 0

table新增

table新增以下标签

<table summary="财务表格" border="1"><!--summary让浏览器识别-->

    <caption>财务表格</caption>

    <colgroup>

        <col width="*"><!--*自动平均分配-->

        <col width="*">

        <col width="*">

        <col width="*">

    </colgroup>

    <tr>

        <th>1</th>

        <th>2</th>

        <th>3</th>

        <th>4</th>

    </tr>

    <tr>

        <td>01</td>

        <td>02</td>

        <td>03</td>

        <td>04</td>

    </tr>

</table>

表单新增

表单新增以下标签

姓名:<input autofocus pattern="[a-z]" id="userName" type="text" maxlength="6" placeholder="请输入姓名">

<!-- required必填项   disabled禁用项    pattern正则验证  maxlength最大长度 -->

年龄:<input type="number" max="18" min="12" step="2" >

阙值:<input type="range" id="range"  max="200" min="100" step="10" >

<!--max为最大年龄    min为最小年龄  step表示以step值进行递增-->

电话号码:<input type="tel" /> <!-- 在移动端会调用9宫格的数字键盘 -->

<!-- 只能输入数字类型 在移动端会调用9宫格的数字键盘 -->

网址:<input type="url"> <!-- 校验网址 -->

Email: <input type="email"><!-- 校验邮箱 -->

颜色:<input type="color" > <!-- 拾色器 -->    

日历1:<input type="date">    

月历1:<input type="month">    

周历1:<input type="week">    

小时历1:<input type="time">    

日历2:<input type="datetime-local"> <!-- UTC时间 -->    

<progress value="50" max="100"></progress>

<button type="submit"> 提交 </button>

 

带输入功能的下拉

<input type="text" list="name" /><!--list名须与 datalist id名一致-->

<datalist id="name">

    <option value="程序猿" />

    <option value="产品狗" />

</datalist>

 

 

© 著作权归作者所有

共有 人打赏支持
博为峰教研组
粉丝 50
博文 1224
码字总数 479077
作品 0
黄浦
程序员
HTML中标签的rel属性的含义_HTML5新增属性值

HTML中<a>标签有个rel属性,这篇文章简要介绍下rel属性的含义、Value,及在HTML5中新增的一些属性值。 1、rel属性定义: <a>标签的rel属性用于指出当前文档与被链接文档的关系。仅在有href属...

囧南风囧
2012/08/24
0
0
从零开始学 Web 之 HTML5(一)HTML5概述,语义化标签

大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:http://www.cnblogs.com/lvonve/ CSDN...

Daotin
07/24
0
0
微信小程序 Html2Wxml4J 0.95 更新,支持 Video 和 Audio 解析

html2wxml4J是微信小程序前端html渲染组件html2wxml的后台接口Java版 本次更新内容: 【新增】Video视频标签解析 支持html5中Video标签大部分属性 支持自动播放 支持静音播放 【新增】Audio...

山东-小木
08/07
0
3
HTML5和CSS3不仅仅是两项新的Web技术标准

HTML5和CSS3不仅仅是两项新的Web技术标准 HTML5和CSS3不仅仅是两项新的Web技术标准,更代表了下一代HTML和CSS技术。虽然HTML5的标准规范还没有正式发布,但是未来的发展前景已经可以预见,那...

课工场CC老师
2017/10/24
0
0
HTML5——对HTML5的认识

首先非常感谢李刚老师出的这本书《HTML5/CSS3/JavaScript讲义》,今天读了第一章节的内容,趁热打铁,总结一下。 HTML5的时代已经到来,它对所有的前端开发人员来说是一种福音。HTML5致力于解...

武小猪
06/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

大数据框架对比:Hadoop、Storm、Samza、Spark和Flink

简介 大数据是收集、整理、处理大容量数据集,并从中获得见解所需的非传统战略和技术的总称。虽然处理数据所需的计算能力或存储容量早已超过一台计算机的上限,但这种计算类型的普遍性、规模...

hblt-j
15分钟前
0
0
正则介绍及grep/egrep用法

10月16日任务 9.1 正则介绍_grep上 9.2 grep中 9.3 grep下 扩展 把一个目录下,过滤所有*.php文档中含有eval的行 grep -r --include="*.php" 'eval' /data 9.1 正则介绍_grep上 什么是正则 ...

zgxlinux
30分钟前
1
0
想用Unity3D引擎软件赚点钱的看过来

前言: 你可以不拥有很多钱 但你一定要有赚钱的能力 目前手上有项目, 需要熟练Unity3D引擎软件的伙伴 有意向的给我发私信

猿神出窍
32分钟前
0
0
Spring Boot全局异常处理

Spring Boot默认的异常处理机制 默认情况下,Spring Boot为两种情况提供了不同的响应方式。 一种是浏览器客户端请求一个不存在的页面或服务端处理发生异常时,一般情况下浏览器默认发送的请求...

狼王黄师傅
59分钟前
8
0
Thinkphp5 优雅配置两个数据库

工作需要需要配置两个数据库,框架5.0的,步骤如下: 1、在database.php同级创建一个database2.php文件 在里面配置第二个数据库信息, 2、在config中配置这个数据库信息: 3、创建第二个表的...

wqzbxh
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部