HTML之表单必备知识
2018-06-24 本文已影响0人
凛冬已至_123
表单
HTML里的表单指的是form标签
下面介绍一下标签属性
- action: 表单提交的地址
- method：提交表单的方法-post/get
- target：在何处打开action
- enctype:
- application/x-www-form-urlencoded
- text/plain：
- multipart/form-data
先看一个例子
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<form action="/lll" method="post">
<div>
<label for="name">用户名</label>
<input type="username" id="name" name="username" placeholder="请输入用户名">
</div>
<div>
<label for="">密码</label>
<input type="password" name="password" placeholder="请输入密码">
</div>
<div>
<label for="">游戏</label>
<input type="checkbox" >
<label for="">运动</label>
<input type="checkbox" checked>
</div>
<div>
<label for="">男</label>
<input type="radio" name="sex" value="man" checked>
<label for="">女</label>
<input type="radio" name="sex" value="male">
</div>
<div>
<select name="car" id="car">
<option value="baoma">宝马</option>
<option value="benchi">奔驰</option>
<option value="dazhong" selected>大众</option>
</select>
</div>
<input type="submit" value="OK">
</form>
</body>
</html>
效果图
简单图形界面
具体标签属性功能对照一目了然，如果还是不理解就搜索一下
POST和GET的区别
- 表象不同：GET 提交的数据可以在url中看到，POST看不到
- 原理不同：GET是拼接url,POST是放在请求体中
- 提交的数据量不同：GET最多提交1K数据，受浏览器限制；POST理论上无限制，受服务器制约
- GET提交的数据在浏览器历史记录中，安全性不好
- 场景不同： GET重在“要数据”，POST重在“给数据”
GET和POST在url中的体现
-
GET
url
-
POST
url
Headers
