html之表单，get和post的区别

表单

作用

• 前后台交互

流程

• 用户–》表单–》后台–》数据库

用途

• 注册界面、登录界面、搜索框

属性及格式

* 格式
 <form action=" 链接的接口">
 
 input  一般用于登录注册，也会用到兴趣爱好，性别选择等其他地方。
 
 < input type="text" name="username”>用户名

 < input type="password" name="password”>密码
 
< input type="radio" name="gender” value="male">性别

 <input type="checkbox" name="hobby"  value="reading">阅读
     
 select 一般用于需要选择的列表，比如省份，市
   <select name="provice"> 
   
   <select name="city">
   
   option代表下拉列表的一个选项
   
   浏览器将<option>标签中的内容作为作为select标签的菜单或是滚动条中的一个元素显示
   
   option 元素位于 select 元素内部。
   <option value =" ">江苏</option>
   
 <textarea colspan="30" rowspan="40">大的文本框 </textarea>    
 按钮一般用类型是submit   value值是他自己的属性
  <input type="checkbox" name="hobby" value="pingpang" checked="checked">乒乓球
  checked默认选中

post和get的区别

• GET提交的数据放在URL中，POST则不会。这是最显而易见的差别。这点意味着GET更不安全

• （POST也不安全，因为HTTP是明文传输抓包就能获取数据内容，要想安全还得加密）

• GET回退浏览器无害，POST会再次提交请求（GET方法回退后浏览器再缓存中拿结果，POST每次都会创建新资源）

• GET提交的数据大小有限制（是因为浏览器对URL的长度有限制，GET本身没有限制），POST没有

• GET可以被保存为书签，POST不可以。这一点也能感受到。

• GET能被缓存，POST不能

• GET只允许ASCII字符，POST没有限制

• GET会保存再浏览器历史记录中，POST不会。这点也能感受到。

• 总之，两者之间没有本质区别，区别就在于数据存储的位置。各自有适用环境，根据需求选择合适的方法即可。

  其他元素

  标签为 input 元素定义标签（label）。

• label 元素不会向用户呈现任何特殊的样式。不过，它为鼠标用户改善了可用性，因为如果用户点击 label 元素内的文本，则会切换到控件本身。

• 标签的 for 属性应该等于相关元素的 id 元素，以便将它们捆绑起来。

• label 属性是 HTML5 中的新属性

• placeholder placeholder 属性规定可描述输入字段预期值的简短的提示信息

• placeholder 属性是 HTML5 中的新属性

  示例1

  ·
  

    			<td>性别</td>
    			<td>
    				<label for="gender_male">
    					<input id="gender_male" type="radio" name="gender" value="male">男
    				</label>
    				<label for="gender_female">
    					<input id="gender_female" type="radio" name="gender" value="female" checked>女
    				</label>
    			</td>
    		</tr>
    		<!-- 爱好 -->
    		<tr>
    			<td>爱好</td>
    			<td>
    				<label>
    					<input type="checkbox" name="hobby" value="basketball">篮球
    				</label>
    				<label>
    					<input type="checkbox" name="hobby" value="football" checked>足球
    				</label>
    				<label>
    					<input type="checkbox" name="hobby" value="reading">阅读
    				</label>
    			</td>
    		</tr>
    		<!-- 地址 -->
    		<tr>
    			<td>地址</td>
    			<td>
    				<select name="province">
    					<option value="js">江苏</option>
    					<option value="sx">山西</option>
    					<option value="hn">湖南</option>
    					<option value="gs">甘肃</option>
    				</select>
    				省
    				<select name="city">
    					<option value="sz">苏州</option>
    					<option value="nj">南京</option>
    					<option value="zj">镇江</option>
    					<option value="hn">淮安</option> 
    				</select>
    				市
    				
    				区/县
  
    				<input type="text" name="address">
    			</td>
    		</tr>
    		<!-- 个人介绍 -->
    		<tr>
    			<td>介绍</td>
    			<td>
    				<textarea placeholder="请编写个人介绍" name="description" cols="30" rows="10"></textarea>
    			</td>
    		</tr>
    		<tr>
    			<td colspan="2">
    				<input type="submit" value="注册">
    			</td>
    		</tr>
    	</tbody>
    </table>
    </form>
  
   </body>
    </html>·
  

  运行结果