自学篇之----html的所有input标签 以及post和get提交之间的区别

最新推荐文章于 2021-06-24 14:21:58 发布
最新推荐文章于 2021-06-24 14:21:58 发布
阅读量410 收藏 2
点赞数
文章标签： python 大数据 java
原文链接：https://my.oschina.net/tianyuqin/blog/370987
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

</head>

<body>

<form action="index.html" method="post">   <!--点击提交后跳转到index。html。提交的方式有两种一种是get,一种是post-->

<table border="1"cellpadding="10"cellspacing="0" width="600">

<tr>

<td>输入账号</td>

<td><input type="text" value="" name="zhanghao"></td>

</tr>

<tr>

<td>输入密码</td>

<td><input type="password"  name="pass"></td>

</tr>

<tr>

<td>确认密码</td>

<td><input type="password" name="repass"></td>

</tr>

<tr>

<td>选择性别</td>

<td><input type="radio" value="nv" name="sex" checked="checked">女   <!--默认选择女--> 

<input type="radio" name="sex" value="nan">男</td>

</tr>

<tr>

<td>选择学习课程</td>

<td><input type="checkbox" name="study" value="html">HTML

<input type="checkbox" name="study" value="css">CSS

<input type="checkbox" name="study" value="js">JS

</td>

</tr>

<tr>

<td>选择文件</td>

<td><input type="file" name="file"></td>

</tr>

<tr>

<td>图片</td>

<td><input type="image"></td>

</tr>

<tr>

<td>选择国家</td>

<td>

<select>

<option value="choose">--选择国家--</option>

<option value="cn" selected="selected">中国</option>  <!--默认选择中国-->

<option value="eg">英国</option>

<option value="am">美国</option>

</select>

</td>

</tr>

<tr align="center">

<td colspan="2"><input type="reset" value="重置"> 

<input type="submit" value="提交">

</td>

</tr>

</table>

</form>

</body>

</html>

get和post的区别    （这个是在51cto 学堂中学到的，如有错误的、补充的还请指教，嘻嘻一起学习么。。。）

1、get 提交的信息都显示在地址栏中；

    post提交的信息不显示在地址栏中；

2、get提交对于敏感信息数据不安全

    post提交对于敏感信息安全；

3、get提交对于大数据不行，因为地址栏存储的信息是有限的；

    post可提交大体积的数据；

4、get提交将信息封装到了请求信息的请求行中；

    post提交将信息封装到了请求体中；

get和post在服务器上的一个区别

  如果出现将中文提交到tomcat服务器，服务器默认会用iso8859-1进行解码，会出现乱码，通过iso8859-1进行编码，再用指定的中文表解码，即可；

   但对于post提交方式提交的中文还有另一种解决办法，就是直接使用服务端一个对象request对象的setCharacterEncoding方法直接设置指定的中文代码表就可以将中文数据解析出来，这个方法只对请求中的数据进行解码。


和服务器端交互的三种方式：

1、地址栏输入url地址；get

2、超链接； get

3、表单； get 和 post


转载于:https://my.oschina.net/tianyuqin/blog/370987

weixin_33720078
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
python自学爬虫之requests-html.md
08-16
自学爬虫，采用requests-html框架
广东自学考试本科-复习资料-历年真题
01-23
广东自学考试本科是广东省教育考试院主办的一种高等教育自学考试形式，旨在为自学者提供系统学习并获取本科学历的机会。历年真题作为复习资料，对于考生来说至关重要，因为它们可以帮助考生了解考试的出题趋势、重点...
html表单中的input元素的两种提交方式比较(get/post)
datai3890的博客
10-26 740
Http存在两种最常用的提交方式:Get和Post(电话面试有问到两种提交方式的区别) 什么是HTTP? 超文本传输协议（HTTP）的设计目的是保证客户机与服务器之间的通信。 HTTP 的工作方式是客户机与服务器之间的请求-应答协议。 web 浏览器可能是客户端，而计算机上的网络应用程序也可能作为服务器端。 举例：客户端（浏览器）向服务器提交 HTTP 请求；服务器向客户端返回...
input标签
qq_29069777的博客
10-25 231
一、input标签　 <body> <input type="text" name="user"/> <br /> <input type="password" name...
html input readonly 和 disable的区别
weixin_34090643的博客
02-22 95
为什么80%的码农都做不了架构师？>>> ...
html元素转换成post,html表单中的input元素的两种提交方式比较(get/post)
weixin_33624741的博客
05-31 607
Http存在两种最常用的提交方式:Get和Post(电话面试有问到两种提交方式的区别)什么是HTTP?超文本传输协议(HTTP)的设计目的是保证客户机与服务器之间的通信。HTTP 的工作方式是客户机与服务器之间的请求-应答协议。web 浏览器可能是客户端，而计算机上的网络应用程序也可能作为服务器端。举例：客户端(浏览器)向服务器提交 HTTP 请求；服务器向客户端返回响应。响应包含关于请求的状态信...
html input的值 get,javascript - Get an INPUT value from HTML Input - Stack Overflow
weixin_42129005的博客
06-23 86
I am trying to make this Guessing Game. Below is the repo on Github.https://github.com/christsapphire/Guessing-GameI wrote the logic in guessing-game.js and it worked fine. Which I am using userGuess...
广东自学考试本科-复习资料-历年真题-参考
最新发布
01-23
广东自学考试本科-复习资料-历年真题-参考
html自动get提交,html跳转，获取get提交参数
weixin_39605905的博客
05-31 358
html跳转到html页面，url后面携带参数，可以通过脚本获取到url?test=value地址后的参数。1、more.html 携带参数跳转到list.html，get提交参数2、list.html 获取more.html提交过来参数1、more.html：function test() {window.location.href = "list.html?test=value";}2、li...
html的默认提交方式为get而不是post
zkdceo的专栏
03-11 2298
点评：html的默认提交方式为get而不是post，如果想变成post必须修改，不知道的朋友可以了解下本文。 html的默认提交方式get而不是post，如果想变成post必须把  method="post" 才可以变成post提交。
HTML -- 表单post和get提交
天行健 君子以自强不息，地势坤 君子以厚德载物。
02-27 5436
表单语法 示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1>注册</h1> <!--表单form action: 表单提交的位置,可以是网站,也可以是一个请求处理地址。 method: post，ge
Post请求的3种编码格式：application/x-www-form-urlencoded和multipart/form-data和application/json
热门推荐
Hello_Error
09-21 7万+
一、前端表单提交时 application/x-www-form-urlencoded 表单代码： <form action="http://localhost:8888/task/" method="POST"> First name: <input type="text" name="firstName" value="Mickey&"><br&g...
php://input, $_POST与$_GET获取请求输入的差别
m0_37477061的博客
06-28 2481
PHP输入流php://input在使用xml-rpc的时候，server端获取client数据，主要是通过php输入流input，而不是$_POST数组。所以，这里主要探讨php输入流php://input对于php://input介绍，PHP官方手册文档有一段话对它进行了很明确地概述：“php://input allows you to read raw POST data. It is a ...
django中input type=submit 发送ajax 的post和get请求
qq_36831776的博客
07-15 1091
django中input type=submit 发送ajax 的post和get请求 get请求可以直接发送 post请求会出现csrf的403错误 方法一： input type=submit 发送post时，需要引入下面的js文件，将其放在static的js文件夹下面， 在html文件中，在jQuery插件引入之后，再引入此文件，就OK了 /**  
表单提交的两种方式
weixin_44428184的博客
06-24 6548
1.type="submit"方式 优点：简单，可以上传附件 缺点：数据是单向的传递的，无法获取服务端传回来的信息，因此难以实现一些在数据传过去但服务器还未处理成功返回响应的中间状态界面。 （1）使用form表单进行上传文件需要为form添加enctype=”multipart/form-data” 属性，除此之外还需要将表单的提交方法改成post,method=”post”, input type的类型需要设置为file （2）input的submit按钮会导致表单提交和页面跳转，即使acti..
html表单标签关于get和post请求
zzh的博客
10-12 4520
B/S架构为了实现web服务器和浏览器的交互，必然的产生了一些相应的规则，在html中表单的提交与验证显得尤为重要，这里主要谈一谈关于form表单的提交知识点。 在表单提交的功能上，我们将它分为，两个请求。其一，提交数据的post请求，其二，获取数据的get请求。 在html中的form标签中有method这样一个属性，它有get，post两个值。 get请求 get请求最常见的就是百度搜索时，通...
html post和get请求,form表单的GET和POST请求
weixin_39602637的博客
06-15 908
是HTML标签中比较复杂的标签之一，在学习中我注意到它与HTTP协议有关联，所以我做了一些总结。method="GET"首先新建一个包含form表单的html文件，例如index.html:你好，这是form构造get请求运行index.html，输入相应内容，点击提交按钮，用开发者工具观察页面发出的请求：get请求.PNG通过看当前页面的请求我们可以知道form表单构造的get请求内容：acti...
HTML5/HTML中input标签用法解读
qq_35788269的博客
05-16 1万+
HTML5/HTML中&lt;input&gt;标签用法解读OK！今天博主为小伙伴们介绍的内容是HTML5/HTML中&lt;input&gt;标签的用法，，， ，emmm图文并茂哦！喜欢博主的粉我哦，老铁们，点一波关注！下面正式开始内容的介绍：首先，直观上说&lt;input&gt;标签规定了用户可以在其中输入数据的输入字段！&lt;input&gt;元素在&lt;form&gt;元素之中使用的...
Java中的几种单例模式
MarmotCoder
06-21 665
<input>中的method属性的用法，其属性值的意义，post和get的区别
Kintex FPGA PCI-E高级教程：XDMA WIN64版(B)自学资料
提供的11个示例涵盖了从基础到高级的PCI-E应用，旨在帮助读者深入理解PCI-E协议，掌握FPGA与主机之间的高速数据交互，以及如何利用Xilinx的XDMA IP实现高效的数据传输和处理。 通过学习这份教程，读者不仅可以提升...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值