form表单基础

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