标签
<form></form>
** form属性**
action 提交的地址
method 提交的方式
get:从服务器端拿数据
(1) 默认不写 为get传参 url地址栏可见
(2) 长度受限制 (IE浏览器2k火狐8k)
(3) 相对不安全
post:向服务器端发送数据
(1) url地址栏不可见 长度默认不受限制
(2) 相对安全
input 标签
<input>
表单项标签input定义输入字段,用户可在其中输入数据。
<input type="text" name="username">
select 标签创建下拉列表
name属性:定义名称,用于存储下拉值的
<option>
下拉选择项标签,用于嵌入到<select>
标签中使用的
value属性:下拉项的值
input 标签
type属性:表示表单项的类型:
值如下:
- text:单行文本框
- password:密码输入框
- submit:提交按钮
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单</title>
</head>
<body>
<form action="" method="post">
<p>用户名: <input type="text" name="username"></p>
<p>密码: <input type="password" name="password"></p>
<p><input type="submit" value="提交"></p>
<select name="" id="">
<option value="">北京</option>
<option value="">上海</option>
<option value="">深圳</option>
</select>
</form>
</body>
</html>
image.png
使用get请求,用户名和密码都是明文的方式进行发送
image.png
使用post进行提交数据,数据在Payload当中
image.png
image.png
网友评论