HTML表单用法的简单说明
2017-02-12 本文已影响0人
冷的像风
form表单
form表单表示了文档中的一个区域,这个区域包含有交互控制元件,用来向web服务器提交信息。
常用属性
action
一个处理这个form信息的程序所在的URL。这个值可以被 <button> 或者 <input> 元素中的 formaction 属性重载(覆盖)。
enctype
当 method 属性值为 post 时, enctype 是提交form给服务器的内容的 MIME 类型 。可能的取值有:
application/x-www-form-urlencoded: 如果属性未指定时的默认值。
multipart/form-data: 这个值用于一个 type 属性设置为 "file" 的 <input> 元素。
text/plain (HTML5)
method
浏览器使用这种 HTTP 方式来提交 form. 可能的值有:
post: 指的是 HTTP POST 方法 ; 表单数据会包含在表单体内然后发送给服务器.
get: 指的是 HTTP GET 方法; 表单数据会附加在 URI action 属性中并以 '?' 作为分隔符, 然后这样得到的 URI 再发送给服务器. 当这样做(数据暴露在URI里面)没什么副作用,或者表单仅包含ASCII字符时,再使用这种方法吧。
常用标签
<input type="text"> //单行文本输入框
<input type="password"> //密码输入框
<input type="checkbox"> //多选框
<input type="radio"> //单选框 通过name属性值来进行分组
<input type="file"> //可以让用户选择文件。使用 accept 属性可以定义控件可以选择的文件类型。
<input type="submit "> //用于提交表单的按钮
<input type="number "> //用于输入浮点数的控件
<input type="hidden "> //不显示在页面上的控件,但它的值会被提交到服务器
<input type="button "> //无缺省行为按钮
上文即为form表单的一些简单的用法说明