饥人谷技术博客

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表单的一些简单的用法说明

上一篇下一篇

猜你喜欢

热点阅读