html文本框控件的常用属性、事件和方法

html-css07

html文本框控件的常用属性、事件和方法,第1张

窗口事件(WindowEvents)

仅在body和frameset元素中有效。

属性值描述

onload脚本当文档载入时执行脚本

onunload脚本当文档卸载时执行脚本

表单元素事件(FormElementEvents)

仅在表单元素中有效。

属性值描述

onchange脚本当元素改变时执行脚本

onsubmit脚本当表单被提交时执行脚本

onreset脚本当表单被重置时执行脚本

onselect脚本当元素被选取时执行脚本

onblur脚本当元素失去焦点时执行脚本

onfocus脚本当元素获得焦点时执行脚本

键盘事件(KeyboardEvents)

在下列元素中无效:base,bdo,br,frame,frameset,head,html,iframe,meta,param,script,style,以及title元素。

属性值描述

onkeydown脚本当键盘被按下时执行脚本

onkeypress脚本当键盘被按下后又松开时执行脚本

onkeyup脚本当键盘被松开时执行脚本

鼠标事件(KeyboardEvents)

在下列元素中无效:base,bdo,br,frame,frameset,head,html,iframe,meta,param,script,style,title元素。

属性值描述

onclick脚本当鼠标被单击时执行脚本

ondblclick脚本当鼠标被双击时执行脚本

onmousedown脚本当鼠标按钮被按下时执行脚本

onmousemove脚本当鼠标指针移动时执行脚本

onmouseout脚本当鼠标指针移出某元素时执行脚本

onmouseover脚本当鼠标指针悬停于某元素之上时执行脚本

onmouseup脚本当鼠标按钮被松开时执行脚

拷贝过来的很全,希望对你有所帮助!!

可以隐藏

一、<input type="hidden" />

二、<input type="text" style="display:none" />

以上两种方法可以实现不留痕迹的隐藏。

三、<input type="text" style="visibility: hidden" />

第三种方法可以实现占位隐藏(会留下空白而不显示)

方法一: <input id= "File1" type= "text" disabled/>不可用

方法二: <input id=

"File1" type= "text" readonly/>只读

方法三: <input id= "File1" type=

"text" style="display:none"/>隐藏(但占位置)

方法四: <input id= "File1" type=

"text" style="visibility:hidden"/>隐藏(不占位置)

如使<input type="text" name="input1"

value="中国">的内容,"中国"两个字不可以修改。实现的方式归纳一下,有如下几种。

方法1:

onfocus=this.blur()

如:<input type="text" name="input1" value="中国" onfocus=this.blur()>

方法2:readonly

如:<input type="text" name="input1"

value="中国" readonly>或

<input type="text" name="input1" value="中国"

readonly="true">

方法3: disabled

如:<input type="text" name="input1"

value="中国" disabled>