表单事件
表单的私有属性和方法
属性或方法
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部分代码

最终效果图

浙公网安备 33010602011771号