记不住就存下来---- HTML 5 原有的表单及表单控件

最新推荐文章于 2020-03-02 22:58:32 发布

VIP文章 MR_LP

最新推荐文章于 2020-03-02 22:58:32 发布

阅读量1.2k

点赞数 1

分类专栏： HTML 学习文章标签： HTML 5 原有的表单及表单控件

本文链接：https://blog.csdn.net/MR_LP/article/details/50634922

版权

表单元素

<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

这是默认的编码方式 , </

关注