js css html

爬虫_028_Form表单

2023-02-10  本文已影响0人  为宇绸缪

标签
<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属性:表示表单项的类型:
值如下:

<!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
上一篇下一篇

猜你喜欢

热点阅读