JavaScript基础(5)之form表单-基本操作

表单作为与服务器端交互非常重要的一环,html中的表单虽然用的多,但是没有系统地去了解,在者详细了解form的各种特性

基本内容

在HTML中,表单是由元素来表示的,而在JavaScript中,表单对应的则是HTMLFormElement类型。
HTMLFormElement也有它自己下列独有的属性和方法

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

获取表单

// 用id
var forms = document.getElementById('form');
// 用document.forms属性
var forms = document.forms  // 页面所有表单

提交表单

  • 按钮提交






按钮提交的时候会触发submit事件,可以监听submit事件,进行表单验证,阻止默认行为就可以取消表单提交

  • 直接调用submit()方法
var forms = document.getElementById('form');
forms.submit();
  • 阻止表单重复提交
// 只提交一次
  
                    
                    

你可能感兴趣的:(JAVASCRIPT基础)