form表单的五大常用属性:action,method,name,onsubmit,enctype

程序开发中,必不可少的会使用到form表单,以前只是在前端开发时简单使用,对它的属性不甚了解,最近在后端学习中,不断接触到它的属性,现记录一二.

action

action规定了提交表单时发送表单数据的目的地,也即将数据发到哪里,例如action="login.php".

method

method规定了发送方式,常用的为get和post,涉及到用户隐私时,为了安全起见通常都采用post方式.

name

name表单的名字,如果是在js中想要获取form的dom对象,直接使用name属性值即可,例如

<form action="login.php" method="post" name="loginForm" onsubmit="return check()" enctype="multipart/form-data">
    <input type="text" name="user" id="user" />
    <input type="password" name="pwd" />
    <input type="file" />
    <input type="submit" value="提交" />
</form>

在使用js进行验证时可以直接使用myform.user.value来获取用户框的值,其结果与document.getElementById('user')一致

onsubmit

onsubmit事件属性,只在form表单中使用,在表单提交时触发,一般可以用它来进行前端验证.当"提交"按钮被点击时，执行check()函数，在check()函数中，我们对表单输入框进行了空验证，如果为空，提示输入并return false,这样表单就不会提交,同时，使用时要注意onsubmit不能掉了return，否则表单永远会提交。

enctype

enctype属性规定在发送到服务器之前对表单数据进行编码的模式,默认情况下是application/x-www-form-urlencoded,也就是我们不写enctype属性时,它的另外一个multipart/form-data值则是不编码,不对字符编码。在使用包含文件上传控件的表单时，必须使用该值。