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