表单元素
<from../>元素用于生成输入表单 , 该元素不会生成可视化部分.在 HTML 5 规范前, 其他表单控件 , 如单行文本框 ,多行文本域 , 单选按钮, 复选框 等都必须放在 <from../>元素之内.除此之外还可以指定如下属性:
元素名称
|
元素属性
|
action
|
指定当单击表单内的 “确认” 按钮时 ,
该表单被提交到哪个地址.
该属性可以是一个绝对地址或者是相对地址.
该属性必填.
|
method
|
指定提交表单时发送何种类型的请求 ,
该属性可为 get 或 post ,
分别用与发送 GET 或 POST 请求.
通常建议发送 POST 请求.
该属性必填.
|
enctype
|
指定对表单内容进行编码所使用的字符集.
|
name
|
指定表单的唯一名称 , 建议该属性值与 id 属性值保持一致.
|
target
|
指定使用哪种方式打开目标 URL
(提交请求会打开另外一个 URL 资源) ,
与超链接的 target 可接受的属性值完全一样,
该属性可以是 _blank , _parent , _self 和 _top 四个值之一.
|
|
|
<form../>元素的 method 属性非常重要,它指定了该表单提交请求的方式, 表单默认以 GET 方式提交请求 , 下面列举出 GET 和 POST 请求的区别.
GET 方式的请求
|
直接在浏览器地址栏中输入访问地址所发送的请求 ,
或提交表单发送请求时 ,
该表单对应的 <form../>元素没有设置 method 属性 ,
或者设置 method 属性为 get , 这几种请求都是 GET 方式的请求 .
GET 方式的请求会将请求参数的名 和值转成字符串 ,
附在原 URL 之后, 因此可以在地址栏中看到请求参数的名和值.
且 GET 请求传送的数据量较小, 一般不能大于 2KB.
|
POST 方式的请求
|
这种方式永昌使用提交表单的方式来发送,
且需要设置 <from../> 元素的 method 属性为 post .
POST 方式传送的数据量较大 ,
通常认为 POST 请求参数的大小不受限制,
但往往取决于服务器的限制,
POST 请求传输的数据量总比 GET 传输的数据量大 .
而且 POST 方式发送的请求参数以及对应的值放在 HTML HEADER 中传输 ,
用户不能再地址栏里看到请求参数值,安全性相对较高.
|
表单的 enctype 属性用于指定表单数据的编码方式,该属性有三个值:
applicaftion / x - www - form - unlencoded
|
这是默认的编码方式 , </
|