form表单基础

server/2024/9/25 17:06:00/

1:属性

1.1 定义文本方向

<p dir="rtl">文本方向从右到左!所放松放松放松</p>
  • ltr: 默认从左往右方向
  • rtl:定义文本从右往左方向
  • auto: 未定义指定方向时,根据内容展示方向

版本:All

1.2 拖动属性

<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
<br />
<p id="drag1" draggable="true" ondragstart="drag(event)">这是一段可移动的段落。请把该段落拖入上面的矩形。</p>
  • true:允许拖动
  • false:不允许拖动
  • auto:使用浏览器的默认特性

需要结合ondragstart获取dom内容,并在需要接收的地方设置ondrop和ondragover事件,拖动才有意义。

链接和图片默认支持拖动,这只是简单的拖动,现在的插件很多,可以使用第三方的拖动。

版本:ie8之前的版本不支持

1.3 隐藏属性

<p hidden>这是一段隐藏的段落。</p>

版本:IE不支持

2:事件

  • onblur 在失去焦点时允许脚本,通常用于代码验证
  • onChange 当元素改变时触发脚本
  • onfocus 在获取焦点时触发脚本,和onblur正好是相对应的
  • onsubmit 表单提交,可以结合键盘回车键使用,这个在表单提交中使用频率较高

IE不支持的属性,为了项目正常使用(兼容部分办公电脑),不建议使用。

参考资料:HTML 全局属性_w3cschool


http://www.ppmy.cn/server/17585.html

相关文章

总结一期Jvm

Jvm 数据结构 内存/结构 JVM内存结构主要有三大块&#xff1a;堆内存、方法区和栈。堆内存是JVM中最大的一块内存地址,它主要由年轻代和老年代还有持久代组成,所有new出来的对象都存储在该区域. 栈就是暂存数据的地方,每个线程包含一个栈区&#xff0c;栈存放在一级缓存中&a…

代码随想录算法训练营第6天 | 242. 有效的字母异位词 | 349. 两个数组的交集 | 202. 快乐数 | 1. 两数之和

242. 有效的字母异位词 题意 两个字符串中每个字符的出现次数是否一样 解 hash bool isAnagram(char* s, char* t) {int array[30];memset(array, 0, sizeof(int) * 30);for (int i 0; s[i] ! \0; i) {array[s[i] - a];}for (int i 0; t[i] ! \0; i) {array[t[i]-a]--;}…

算法矩阵提速原理

不管是图形还是AI&#xff0c;如果看过相关的算法&#xff0c;都会注意到矩阵运算&#xff0c;很多讲算法的教程都会说将for转换成矩阵&#xff0c;可以极大的增加效率。 但是这不是为难我们这些数学低能儿吗&#xff1f;矩阵运算这些高级货算是高级数学了&#xff0c;比CURD还…

Linux交换空间的创建使用

交换空间&#xff1a; 换出&#xff1a;将内存中不常用&#xff08;冷数据&#xff09;的放去硬盘里 换出&#xff1a;内存要使用这部分数据时&#xff0c;将硬盘的这部分数据放入内存 在内存和硬盘上用来交换数据的空间就是交换空间 创建交换空间的步骤 1.去磁盘上创建一个分…

运维监控linux服务器异常状态,

做好服务器运维工作&#xff0c;及时发现服务器状态异常&#xff0c;要做到第一时间知道&#xff0c;只需写个python监控脚本即可&#xff0c;&#xff08;钉钉配置通知&#xff09;以下是详细监控linux服务器脚本代码&#xff1a; # -*- coding: utf-8 -*- import threadingi…

Qt下使用OpenCV截取图像并在QtableWidget表格上显示

文章目录 前言一、在QLabel上显示图片并绘制矩形框二、保存矩形框数据为CSV文件三、保存截取图像四、将截取图像填充到表格五、图形视图框架显示图像六、示例完整代码总结 前言 本文主要讲述了在Qt下使用OpenCV截取绘制的矩形框图像&#xff0c;并将矩形框数据保存为CSV文件&a…

【舞台灯方案】LED驱动恒流芯片pwm深度调光APS54085降压IC

产品描述 APS54085 是一款 PWM 工作模式,高效率、外围简单、内置功率 MOS 管&#xff0c;适用于 5-100V输入的高精度降压 LED 恒流驱动芯片。最大电流2.0A。 APS54085 可实现线性调光和 PWM 调光&#xff0c;线性调光有效电压范围 0.52-2.55V. PWM 调光频率范围 100HZ-30KHZ。…

java:Http协议和Tomcat

HTTP协议 Hyper Text Transfer Protocol 超文本传输协议,规定了浏览器和服务器之间数据传输的规则 特点: 基于TCP协议,面向连接,安全 基于请求响应模型:一次请求对应一次响应 HTTP协议是无状态协议,对事务的处理没有记忆能力,每次请求-响应都是独立的. 优点 速度较快 …