Skip to content
此页目录
本文总阅读量

JavaScript 表单属性、方法

对象属性,方法

  • acceptCharset:服务器能够处理的字符集,等价于 HTML 中的 accept-charset
  • action:接受请求的 URL,等价于 HTML 中的 action 特性
  • elements:表单中所有控件(HTMLCollection)
  • enctype:请求编码类型
  • length:表单中控件的数量
  • method:要发送的 HTTP 请求类型,通常是 get、post
  • name:表单名称
  • target:用于发送请求和接收响应的窗口名称
  • reset():讲所有表单域重置为默认值
  • submit():提交表单
html
<form action="" novalidate></form>
js
novalidate = true;// 禁用验证

获取元素

js
document.forms[0];// 获取页面中的第一个表单
document.forms['username'];// 获取页面中的 name 为 username

form.pass; // 获取表单中 name 属性为 pass
form.elements[0];// 取得表单中第一个字段
form.elements.['textbox1'];// 取得 name 为 textbox1 的字段
form.elements.length;// 取得表单包含字段的数量

事件

事件也对应的有方法,form.submit() 为提交

  • 表单事件
    • input:value 值发生改变
    • onpropertychange: IE value 值改变时
    • blur:失去焦点
    • focus:获取焦点
    • select:输入框中文本被选中触发
    • change:当输入框被修改 且 失去焦点

必须添加到form表单元素上

  • submit:点击 submit 按钮才触发
  • reset:点击 reset 按钮才触发

字段属性

共有字段属性

  • disabled:布尔值,表示当前字段是否被禁用
  • form:指向当前字段所在的表单,只读
  • name:当前字段名称
  • readOnly:布尔值,表示当前字段是否只读
  • tabIndex:表示当前字段 tab 序号
  • type:当前字段类型
  • value:当前字段将被提交给服务器的值

评论

交流群