网页上收集的信息如何发送?

网页上收集用户信息完成后,都需要发送到服务器上存储起来,存储是后台的事,但是我们需要负责发送,是如何发送消息呢?

form标签的属性及意义:

action属性

定义表单提交时的地址,需要后台提供。

method属性

定义提交表单时http方式。常用的就是get和post两种方式 一般要与后台保持一致。不设置method值时,http默认是get。

get与post区别:

  1. get是从服务器获得数据,post是向服务器传送数据。
  2. 传输方式:get提交数据时数据会以键值对的形式添加到url后面,post会将数据保留到form数据体中。
  3. 传输大小:get受到url长度限制,传输数据量小,而post不受限制。
  4. 安全性:get传输数据暴露在url中,post不会显示,有效保护用户信息,安全性高一些。

target属性

规定提交表单后何处显示收到的响应。具体的属性值及意义:

  • _blank 响应显示在新窗口选项
  • _self 响应显示在当前窗口
  • _parent 响应显示在父框架中
  • _top响应显示在窗口的整个框架
  • framename 响应显示在命名iframe的框架中

autocomplete属性

规定表单是否打开自动填写(用户之前输入)值,如果打开添加 autocomplete="on"。

novalidate属性

属性值是布尔值规定提交时是否验证表单数据。布尔值就是一个非真即假的数据,不懂得可忽略,我们后边数据类型中细讲。

示例代码:

复制代码
<form action="提交地址" target="_blank" method="post" autocomplete="on" novalidate="false">
    <input type="text" placeholder="请输入账号"><br/>
    <input type="password" placeholder="密码"><br>
    <select >
    <option value="1">第一项</option>
    <option value="2">第二项</option>
    </select><br/>
    <textarea ></textarea><br/>
    <button>提交按钮</button>
</form>
复制代码

 

posted @   前端人  阅读(268)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
点击右上角即可分享
微信分享提示