表单事件

表单的私有属性和方法

属性或方法 
acceptCharset                       服务器能够处理的字符集;等价于 HTML 中的 accept-charset 特性。
action                                     接受请求的 URL;等价于 HTML 中的 action 特性。
elements                                表单中所有控件的集合(HTMLCollection) 。
enctype                                  请求的编码类型;等价于 HTML 中的 enctype 特性。
length                                     表单中控件的数量。
method                                   要发送的 HTTP 请求类型,通常是"get"或"post";等价于 HTML 的 method 特性。
name                                      表单的名称;等价于 HTML 的 name 特性。
reset()                                将所有表单域重置为默认值。
submit()                                  提交表单。
target                                      用于发送请求和接收响应的窗口名称;等价于 HTML 的 target 特性。

提交表单

提交表单有三种方式:

将<input>的type设为submit

将<button>的type设为submit

将<input>的type设为image

 表单字段的共有属性

disabled 布尔值,表示当前字段是否被禁用。
form 指向当前字段所属表单的指针;只读。
name 当前字段的名称。
readOnly 布尔值,表示当前字段是否只读。
tabIndex 表示当前字段的切换(tab)序号。
type 当前字段的类型,如"checkbox"、“radio”,等等。
value 当前字段将被提交给服务器的值。对文件字段来说,这个属性是只读的,包含着文件在计算机中的路径。

表单字段的共有事件

blur:当前字段失去焦点时触发。

change:对于 和 元素,在它们失去焦点且 value 值改变时触发;对于元素,在其选项改变时触发。

focus:当前字段获得焦点时触发。

例如:html部分代码

 js部分代码

 

 最终效果图

 

posted @ 2021-12-26 14:05  LLL啊啊啊  阅读(51)  评论(0)    收藏  举报