HTML5新增，表单的高级特性，表单新增控件，功能行标签，音频和视频。

最新推荐文章于 2024-04-27 21:00:39 发布
最新推荐文章于 2024-04-27 21:00:39 发布
阅读量297 收藏
点赞数 1
分类专栏： css基础盒知识 文章标签： html5 前端 css 青少年编程 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/logical_thinking/article/details/126592425
版权

目录

前言

一、表单的高级特性

二、表单新增控件 

 三、功能性标签

 四、音频和视频

总结

 

前言

本文主要简述了HTML5新增的表单特性，表单新增控件，功能性标签，音频和视频

提示：以下是本篇文章正文内容，下面案例仅供参考

一、表单的高级特性

关于HTML5新增的表单特性如下：

            readonly：只读 可以提交
            disabled：作废， 不会被提交
            pattern：正则表达式  \d[0-9]  {}几位
            autofocus：自动聚焦
            placeholder：输入提示
            required：必填
            hidden：隐藏域，需要提交给后端，但又不希望用户看到

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 
			readonly：只读 可以提交
			disabled：作废， 不会被提交
			pattern：正则表达式  \d[0-9]  {}几位
			autofocus：自动聚焦
			placeholder：输入提示
			required：必填
			hidden：隐藏域，需要提交给后端，但又不希望用户看到
		 -->
		<form action="" method="GET">
			id:<input type="text" name="" id="" value="1001" hidden/>
			<br>
			用户名：<input type="text" placeholder="请输入用户名
最低0.47元/天 解锁文章
logical_thinking
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML5新增表单控件
xsc2022的博客
03-14 1405
1.数据列表 双击会出现一个类似浏览历史的下拉框<input type="" list="id"><datalist id="id值"> <option value="值">文本</option> ......</datalist> 2.<time> 标签 <time> 标签定义公历的时间（24 小时制）或日期，时间和时区偏移是可选的 3.Input 类型 - email e...
html5新特性表单控件,老生常谈h5新特性1:(表单)
weixin_42372963的博客
06-05 701
老生常谈h5新特性1:(表单)HTML5新特性 —— 十大新特性(1)新的语义标签和属性(2)表单新特性(3)视频和音频(4)Canvas绘图(5)SVG绘图(6)地理定位(7)拖放API(8)WebWorker(9)WebStorage(10)WebSocket1.HTML5表单新特性(1)新的input type(2)新的表单标签(3)表单标签的新属性HTML5表单新特性之——新的input ...
一文总结 HTML5 新增的表单控件
最新发布
weixin_40348267的博客
04-27 437
今天瑶琴带大家学习 HTML5 中新增的表单控件，这块的内容在前端工作用的比较多，很多组件的表单控件都是基于 HTML5 表单控件封装。以上是 HTML5 中新增表单控件的内容，初学者不用对这些容死记硬背，在平时开发中可以查阅自己的笔记，用的多了也就掌握了。，希望大家在学习的过程中养成做笔记的习惯，形成自己的知识体系。可以创建滑块控件，用户可以通过滑动来选择一个范围内的值。分别用于输入邮箱地址和网址，浏览器会在输入时进行验证。用户可以选择时间，通常会展示一个时间选择器。用于输入电话号码，适用于移动设备。
HTML5-新增表单控件
AIMing_byte的博客
12-28 518
如果要把datalist控件提供的下拉列表绑定到某个文本框中，则必须将文本框的 list 属性的值设定为该datalist控件的 id。for 属性描述了计算中使用的控件与计算结果之间的关系。for属性的值规定一个或多个控件的 Id列表，要求以空格分隔。datalist控件要与option控件配合使用，每个option控件都必须设置其 value 属性的值。概念：output控件用于定义表单元素的输出结果或计算结果，比如计算或脚本输出。概念：datalist控件为文本框提供一个预定义的下拉列表。
【前端学习笔记—HTML5新增标签和表单控件属性】
LPC的博客
05-29 1182
目录前言一、如何引用CSS1. 内联样式引用2. 内部样式引用3. 外联样式引用二、常用选择器1. 类选择器2. ID选择器3. 标签选择器 前言 本文就前端知识中部分CSS和选择器基础知识点进行总结，希望对你有用！ 一、如何引用CSS 1. 内联样式引用 直接在html标签的元素中引用样式，例如： <div style="font-size:14px;color:#FF0000;"> 在这里直接引用内联样式 </div> 2. 内部样式引用 在html头部放入style.
h5新增表单控件及其相关属性
at sea
06-05 2986
新的输入型控件email : 电子邮箱文本框，跟普通的没什么区别当输入不是邮箱的时候，验证通不过移动端的键盘会有变化 tel : 电话号码 url : 网页的URL search : 搜索引擎 chrome下输入文字后，会多出一个关闭的X range : 特定范围内的数值选择器 min(最小值)、max(最大值)、step( 步数 ) 例子 : 用JS来显
H5新增表单元素、控件
weixin_45626166的博客
09-24 5203
表单—新增控件类型 • HTML5 增加了多个新的表单输入类型，这些新特性提供了更好的输入控制和验证，主要内容如下。 • ①email、②url、③number、④range • ⑤Date pickers (date, month, week, time, datetime, datetime-local) • ⑥search、⑦color、⑧tel type=”email” • 限制用户输入为...
H5中新增的表单元素
java_zhaoyanli的专栏
05-24 3210
邮箱： 网址： 日期： 时间： 数值： 音量： 搜索： 颜色：
HTML5表单新特性
qq_40646986的博客
09-07 927
1.新增表单特点 表单是HTML中非常重要的一部分，是连接前端与后台的桥梁，它担负大量的用户和网页后台数据更新交互的任务。 因此在HTML5中表单也发生了一些变化，它在保持简便易用的特性的同时，增加了许多内置的控件或者控件属性来满足用户的需求，并且同时减少了开发人员的编程。 2.新增表单控件 （1）email输入类型 此类型要求输入格式正确的email地址，否则浏览器是不允许提交的，...
〖大前端 - 基础入门三大核心之 html 篇⑮〗- HTML5新增的表单控件
热门推荐
易编橙 · 终身成长社群，相遇已是上上签！
03-08 2万+
前面学过的基本控件是HTML4和HTML5都支持的控件，所以兼容性也很好。下面我们来介绍HTML5新增的表单控件。
HTML5新特性1(新表单控件/选择器/JSON/data)
maid_04的博客
12-06 798
1.HTML5新控件 其实新控件不难理解，一段代码足以说明 HTML部分<form action="#"> <input type="email" /> //电子邮箱文本框，跟普通的没什么区别当输入不是邮箱的时候，验证通不过，移动端的键盘会有变化 <input type="tel" /> //电话号码 <input type="url" />
h5新特性总结&表单实现
还没想好
09-06 4727
今天开始学h5和css3的新特性，边学边持续更新。 1.语义化标签： header，nav，main，article，aside，footer （1）IE9可能支持h5，但是行级元素在设置宽度的时候是失效的。并不是所有的浏览器都能够识别出 &lt;main&gt;，需要给它转换为块级元素： display:block; （2）IE8以及IE8以下不支持h5：不认识语义标签，完全无效；...
html5新增表单控件和表单属性
05-15 595
表单验证 　　Invalid事件 : 验证反馈 　　input.addEventListener('invalid',fn,false) 　　阻止默认验证：ev.preventDefault() 　　formnovalidate属性 : 关闭验证 　　<form action= "http://www.baidu.com"> 　　　　<i...
HTML5中新增的一些表单控件
xjj19999272的博客
04-22 474
HTML5中新增的表单控件 在HTML5，新增加了一些表单控件，这些表单控件提供了非常有用的一些功能。 更丰富的input种类 下表是新增加的type属性值和其所对应的控件： type属性值 控件 color 颜色选择控件 email 电子邮件输入控件 date、time 日期、时间选择控件 number 数字输入控件 file 文件选择控件 search 搜索框 range 拖拽条 url 网址输入控件 示例代码如下： <body> &l
HTML5-表单新功能 1.新增控件类型
elsyy良师益友的博客
11-10 1833
email输入类型   此类型要求输入格式正确的Email地址，否则浏览器是不允许提交的，并会有一个错误信息提示，此类型在opea中必须指定name值，否则无效。 URL输入类型   上面代码展示的文本域要求输入格式正确的URL地址，开始处添加http：// 日期时间相关输入类型       number输
html5新增的表单控件
qq_45378970的博客
10-06 767
表单控件 表单新增的控件 表单中新增的控件(type属性) email: 提交表单时检测值是否是一个电子邮件格式 url: 提交表单时检测值是否是一个url格式 date: 年-月-日格式的控件 time: 时:分格式的控件 datetime: 年-月-日 时:分 格式的控件（UTC时间） datetime-local: 年-月-日 时:分 格式的控件（本地时间） month: 年-月格式的控件 week: 年-周数格式的控件 number: 数字输入框 <input type="
HTML5与CSS3探索：新特性与布局变革
4. **多媒体支持**：CSS3引入了对音频和视频的直接嵌入支持，以及离线数据存储（如localStorage）和服务器发送事件（Server-Sent Events）等功能。 5. **跨文档消息传递**：HTML5允许不同源文档之间的通信，这对于...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值