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

<!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


你可能感兴趣的:(自学篇之----html的所有input标签 以及post和get提交之间的区别)