Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >网页上收集的信息如何发送?

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

作者头像
呆呆
修改于 2021-09-28 02:07:29
修改于 2021-09-28 02:07:29
1K00
代码可运行
举报
文章被收录于专栏:centosDaicentosDai
运行总次数:0
代码可运行

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

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属性

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

示例代码:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<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>

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
form表单提交的几种方式
完成后启动项目 并访问http://localhost:8080/query.html 输入用户名和密码
全栈程序员站长
2022/07/21
6.8K0
form表单提交的几种方式
6.HTML输入表单标签元素介绍
描述: 表单是一个包含表单元素的区域,表单元素是允许用户在表单中输入内容,其包含 文本框、文本域(textarea)、按钮、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等元素都要放在form标签里面或者进行form的id值的调用,否则提交的数据到不了后端。
全栈工程师修炼指南
2023/03/21
4.9K0
IT课程 HTML基础 013_表单和用户输入
HTML 表单(Form)是 HTML 中非常重要的一部分,它能让用户在网页上输入信息,并将信息提交到服务器。
zhaoJian.Net
2024/04/03
3360
IT课程 HTML基础 013_表单和用户输入
(一)熟练HTML5+CSS3,每天复习一遍
学习网页的概念和分类,了解静态网页和动态网页的不同;了解网页浏览器的工作原理。了解HTML,XHTML,HTML5的概念,制作简单的HTML页面的开发。
达达前端
2020/10/29
3.1K0
form表单无刷新提交文件(iframe)
先看一段代码(PHP例子) 1、表单代码(form.html): <iframe name="testIframeName" style="display:none;"></iframe> <form target="testIframeName" method="post" action="formAction.php"> <input type="text" name="username"/> <input type="password" name="password"/> <input
deepcc
2018/05/16
3.2K0
html基础总结
multiple : 布尔属性,设置后允许多选,否则只能选择一个 disabled : 禁用该下拉列表 selected : 首次显示时,为选中状态 value : 定义发往服务器的选项值
小小咸鱼YwY
2019/09/11
1.6K0
Web前端教程-HTML及标签的使用
1. HTML简介 HTML由标签和属性构成的 1.1. HTML文档基本结构 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>网页标题</title> </head> <body> 网页显示内容 </body> </html> 2. 标签 学习html语言就是学习标签的用法 2.1. 标签语法 长在尖号后面第一个单词就是标签(标记,元素) 一组告诉浏览器如何处理一些内容的标签,通过关键字来识别, <body>, <title>, <m
用户1289394
2021/10/26
1.1K0
HTML5-表单
当使用form提交数据时:在HTML4中,input、button和其他与表单相关的元素必须放在form元素中;在HTML5中,这条限制不复存在。可以将这类元素与文档中任何地方的表单挂钩(通过表单元素的form属性【下述示例3】)。
奋飛
2019/08/15
2K0
html教程之form表单元素
<form action="post.php" method="post" target="_self" autocomplete="off" enctype="multipart/form-data" >
老雷PHP全栈开发
2020/07/02
2.3K0
HTML学习记录及整理
<!DOCTYPE ”此文仅为个人学习的知识梳理,权威且更详细的内容请查阅w3school。“>
SimonDM
2018/04/30
5.4K11
HTML学习记录及整理
html基础
HTML 不是一种编程语言,而是一种标记语言 (markup language) HTML 使用标记标签来描述网页
超蛋lhy
2018/08/31
2.1K0
html基础
(近万字)一篇文章带你了解HTML5和CSS3开发基础与应用-适合前端面试必备
HTML5和CSS3开发基础与应用,详细说明HTML5的新特性和新增加元素,CSS3的新特性,新增加的选择器,新的布局,盒子模型,文本,边框,渐变,变形,动画效果等。HTML5的介绍,常用的元素和属性,表单相关元素和属性,CSS3新添加的选择器,CSS3新的属性。
达达前端
2019/12/03
1.2K0
(近万字)一篇文章带你了解HTML5和CSS3开发基础与应用-适合前端面试必备
HTML--HTML入门篇(我想10分钟入门HTML,可以,交给我吧)
        HTML称为超文本标记语言,是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。
风骨散人Chiam
2020/10/28
1.2K0
前端-HTML-web服务本质-HTTP协议-请求-标签-01(待完善)
我们的浏览器端(B/S架构)本质上也是一个客户端,通过socket与服务端通信,发送请求,获得返回数据,再有浏览器将服务器返回的数据渲染成页面上看到的一个一个标签元素样式。
suwanbin
2019/09/26
9360
前端-HTML-web服务本质-HTTP协议-请求-标签-01(待完善)
HTML5表单及其验证
将原本type为text的input控件声明为以上特殊类型,是为了给用户呈现不同的输入界面(移动平台上支持这些不同的输入界面,这里就不细说),而且表单提交时会对其值做进一步的验证。下面展示这些新表单元素,请用支持这些表单元素的浏览器查看,IE对其支持最差。
HUC思梦
2020/09/03
1.9K0
前端之HTML内容
一、HTML介绍 1、Web服务本质   当我们在浏览器中输入一个url后打开一个页面这个过程实质是一个网络编程中的sockt服务端接受指令并发送指令的一个过程。本质顺序是: 浏览器发请求——>HTTP协议——>服务端接受请求——>服务端返回响应——>服务端把HTML文件内容发给浏览器——>浏览器渲染页面 import socket sk = socket.socket() sk.bind(("127.0.0.1", 8080)) sk.listen(5) while True: conn
新人小试
2018/04/12
2.6K0
JavaScript(十三)
这一篇,我们说说表单。 JavaScript 最初的一个应用,就是分担服务器处理表单的责任。
1ess
2021/11/01
3.6K0
17.HTML
HTML简介 htyper text markup language  即超文本标记语言。 超文本: 就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。 标准模板 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <p>主体内容</p>
zhang_derek
2018/04/11
3.7K0
17.HTML
HTML学习笔记二
< input >标签元素最重要的是 表单元素,标签根据不同的 type 属性,有多态性。
Mirror王宇阳
2020/11/10
1.8K0
IT课程 HTML基础 015_HTML5新特性
HTML5 是 HTML 的最新版本,它引入了许多新的标签、属性和功能,大大增强了 web 的功能和互动性。
zhaoJian.Net
2024/04/03
2630
IT课程 HTML基础 015_HTML5新特性
相关推荐
form表单提交的几种方式
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档