第五十二天

news/2025/1/16 1:39:53/

         HTML5

●MathML 是数学标记语言,是一种基于XML(标准通用标记语言的子集)的标准,用来在互联网上书写数学符号和公式的置标语言。

●拖放

拖放是一种常见的特性,即抓取对象以后拖到另一个位置。

在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放

●<video> 元素提供了 播放、暂停和音量控件来控制视频。

 也提供了 width 和 height 属性控制视频的尺寸。如果设置的高度和宽度,所需的视频空间会在页面加载时保留。如果没有设置这些属性,页面就会根据原始视频的大小而改变。

<video> 与</video> 标签之间插入的内容是提供给不支持 video 元素的浏览器显示的。

<video> 元素支持多个 <source> 元素. <source> 元素可以链接不同的视频文件。

●<video> 和 <audio> 元素同样拥有方法、属性和事件。

<video> 和 <audio>元素的方法、属性和事件可以使用JavaScript进行控制.

其中的方法用于播放、暂停以及加载等。其中的属性(比如时长、音量等)可以被读取或设置。其中的 DOM 事件能够通知,比方说,<video> 元素开始播放、已暂停,已停止,等等。

●control 属性供添加播放、暂停和音量控件。

在<audio> 与 </audio> 之间你需要插入浏览器不支持的<audio>元素的提示文本 。

<audio> 元素允许使用多个 <source> 元素。

<source> 元素可以链接不同的音频文件。

●HTML5 新的表单元素

HTML5 有以下新的表单元素:

<datalist>

<keygen>

<output>

注意:不是所有的浏览器都支持HTML5 新的表单元素,但是可以在使用它们,即使浏览器不支持表单属性,仍然可以显示为常规的表单元素。

● <datalist> 元素

<datalist> 元素规定输入域的选项列表。

<datalist> 属性规定 form 或 input 域应该拥有自动完成功能。

● <keygen> 元素

<keygen> 元素的作用是提供一种验证用户的可靠方法。

<keygen>标签规定用于表单的密钥对生成器字段。

当提交表单时,会生成两个键,一个是私钥,一个公钥。

私钥(private key)存储于客户端,公钥(public key)则被发送到服务器。公钥可用于之后验证用户的客户端证书(client certificate)。

● <output> 元素

<output> 元素用于不同类型的输出。

●HTML5新的表单属性

<form> 和<input>标签添加了新属性

•<form> / <input> autocomplete 属性

autocomplete 属性规定 form 或 input 域应该拥有自动完成功能。

当用户在自动完成域中开始输入时,浏览器应该在该域中显示填写的选项。

autocomplete 属性有可能在 form元素中是开启的,而在input元素中是关闭的。

注: autocomplete 适用于 <form> 标签,以及以下类型的 <input> 标签:text, search, url, telephone, email, password, datepickers, range 以及 color。

•<form>    novalidate 属性

novalidate 是一个布尔(true 或 false)属性。

novalidate 属性是 HTML 表单元素的一个布尔属性,用于设置浏览器不对表单进行验证。

当该属性被添加到 <form> 元素上时,浏览器将不会执行默认的表单验证,不会检查输入字段是否符合指定的验证规则。

•<input> autofocus 属性

autofocus 属性是一个布尔属性,规定在页面加载时,域自动地获得焦点。

•<input> form 属性

form 属性规定输入域所属的一个或多个表单,如需引用一个以上的表单,请使用空格分隔的列表。

•<input> formaction 属性

The formaction 属性用于描述表单提交的URL地址,会覆盖<form> 元素中的action属性.

注: The formaction 属性用于 type="submit" 和 type="image"。

•<input> formenctype 属性

formenctype 属性描述了表单提交到服务器的数据编码 (只对form表单中 method="post" 表单),覆盖 form 元素的 enctype 属性。

与 type="submit" 和 type="image" 配合使用。

•<input> formmethod 属性

   formmethod 属性定义了表单提交的方式,覆盖了 <form> 元素的 method 属性。

•<input> formnovalidate 属性

    novalidate 属性是一个 boolean 属性,描述了 <input> 元素在表单提交时无需被验证,会覆盖 <form> 元素的novalidate属性。

与 type="submit" 一起使用

•<input> formtarget 属性

    formtarget 属性指定一个名称或一个关键字来指明表单提交数据接收后的展示,覆盖 <form>元素的target属性。

•<input> height 和 width 属性

height 和 width 属性规定用于 image 类型的 <input> 标签的图像高度和宽度。

注意: height 和 width 属性只适用于 image 类型的<input> 标签。

•<input> list 属性

list 属性规定输入域的 datalist。datalist 是输入域的选项列表。

•<input> multiple 属性

multiple 属性是一个 boolean 属性.

multiple 属性规定<input> 元素中可选择多个值。

注意: multiple 属性适用于以下类型的 <input> 标签:email 和 file

上传多个文件:

Select images: <input type="file" name="img" multiple>

•<input> pattern 属性

pattern 属性描述了一个正则表达式用于验证 <input> 元素的值。

用来全局 title 属性来描述模式。

•<input> placeholder 属性

placeholder 属性提供一种提示(hint),描述输入域所期待的值。

简短的提示在用户输入值前会显示在输入域上。

•<input> required 属性

required 属性是一个 boolean 属性,规定必须在提交之前填写输入域(不能为空)。

•<input> step 属性

step 属性为输入域规定合法的数字间隔。

如果 step="3",则合法的数是 -3,0,3,6 等

 step 属性可以与 max 和 min 属性创建一个区域值。

 

 


http://www.ppmy.cn/news/1029319.html

相关文章

LAXCUS分布式操作系统:技术创新引领高性能计算与人工智能新时代

随着科技的飞速发展&#xff0c;高性能计算、并行计算、分布式计算、大数据、人工智能等技术在各个领域得到了广泛应用。在这个过程中&#xff0c;LAXCUS分布式操作系统以其卓越的技术创新和强大的性能表现&#xff0c;成为了业界的佼佼者。本文将围绕LAXCUS分布式操作系统的技…

[LitCTF 2023]1zjs

这里一点想法没有看看源代码 查找flag没有发现 查找.php 有所发现 看起来是一种加密方式&#xff0c;查找 jsfuck NSSCTF{bd1[]f7[]3[]c8[]-9[]c5[]c-4[]c6[]4[]-a7[]2[]7[]-6[]7[]3[]b4[]4[]2[]6[]efbc}

PHP面向对象面试题

1、简述面对对象六大设计原则 &#xff1f; 面向对象六大设计原则是一组指导软件设计的原则&#xff0c;它们有助于提高代码的可维护性、可扩展性和可重用性。这些原则是&#xff1a; 单一职责原则&#xff08;Single Responsibility Principle&#xff0c;SRP&#xff09;&a…

非科班的大家如何顺滑转码

近年来&#xff0c;很多人想要从其他行业跳槽转入计算机领域。非计算机科班如何丝滑转码&#xff1f;请来聊聊你的看法和观点&#xff0c;我本身是信息与计算科学专业&#xff0c;周围的同学有不少也是被这个名字“骗过来的”&#xff0c;看这个名字都以为是计算机相关专业&…

SOCKS使用及Selenium过检测

urllib携带socks5代理 安装pip3 install PySocks import socks import socket from urllib import request from urllib.error import URLErrorsocks.set_default_proxy(socks.SOCKS5, 127.0.0.1, 9742) socket.socket socks.socksocket try:response request.urlopen(http…

RabbitMQ工作流程详解

1 生产者发送消息的流程 (1)生产者连接RabbitMQ&#xff0c;建立TCP连接(Connection)&#xff0c;开启信道(Channel) (2)生产者声明一个Exchange (交换器)&#xff0c;并设置相关属性&#xff0c;比如交换器类型、是否持久化等 (3)生产者声明一个队列井设置相关属性&#xf…

JavaScript【BOM】

【BOM】 原创内容&#xff0c;转载请注明出处&#xff01; 一、BOM是什么 BOM&#xff08;Browser Object Model&#xff0c;浏览器对象模型&#xff09;是 JS 与 浏览器窗口交互的接口。 一些与浏览器改变尺寸、滚动条滚动相关的特效&#xff0c;都要借助 BOM 技术。 二、w…

Redis进阶(3)——在Linux上基于Docker容器Redis搭建一主二从三哨兵 SpringBoot整合Redis哨兵

目录 引出redis主从搭建&#xff1a;一主2从6389Master准备文件redis.confredis.log日志文件运行容器查看日志方式tail 6390Slave6391Slave 创建3哨兵创建文件夹sentinel创建运行哨兵容器问题&#xff1a;脑裂问题 SpringBoot整合Redis哨兵启动1主2从&#xff0c;3哨兵pom.xml文…