web技术学习

切换模式

本文总阅读量 次

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：当前字段将被提交给服务器的值

评论