表单由许多表单组件组成,主要是让用户填写数据发送到服务器,进行必要的处理。HTML只能控制前端用户界面。
<form method="post" action="">
account: <input type="text" name="user_name" />
<br />
password: <input type="text" name="password" />
<br />
<input type="submit" value="submit" />
<input type="reset" value="cancel" />
</form>
method属性有post / get两种:
get方法,数据会直接加在URL之后,安全性比较差,且有255个字符的字数限制,适用数据量小的表单。
post方法,数据封装后再发送,字符串长度没限制,安全性比较高。
action属性:要配合后台程序使用(如PHP或其他后台应用程序)
enctype属性:表单发送的编码方式,只有method为Post时才有效。(值为3种模式:text/plain 表单属性发送到电子信箱时,此必须设置为text/plain,否则是乱码;multipart/form-data 用于上传文件的时候;application/x-www-form-urlencoded 此为默认值)
target属性:提交到哪一个窗口
autocomplete:用来设置Input组件是否使用自动完成功能。HTML5新增的属性值有on(使用)和off(不使用)两种。
novalidate属性:用来设置是否要在发送表单时验证表单。为HTML5新增的属性,IE不支持。
type 属性有: text/textarea/password/date/number/search/color/range/output/keygen /select/datalist / radio/checkbox/ submit/reset/button