6、HTML 表单标签

定义

能够获取前端用户数据(用户输入的、用户选择的、用户上传的。。)基于网络发送给后端服务器

form标签

<form action=""></form> 
在该form标签内部书写的获取用户的数据都会被form标签提交到后端
action:控制数据提交的后端路径(给哪个服务端提交数据)
	1.什么都不写,默认就是朝当前页面所在的url提交数据
	2.写全路径:https://www.baidu.com,朝百度服务端提交
	3.只写路径后缀action='/index/' 自动识别出当前服务端的ip和		port拼接到前面:host:port/index/

输入input

<label for="d1">
            username:<input type="" id="d1">
</label>
<p><label for="d2">
            password:<input type="password" id="d2">  type="password" 密文
        </label></p>
 <p><label for="d3"> 用p标签包裹可以实现换行
            birthday:<input type="date" id="d3">   type="date" 日期显示
        </label></p>

<p>
    <input type="submit" id="d4" value="提交">
    <input type="button" id="d6" value="按钮">
    <input type="reset" id="d5" value="重置">
    <button>这个也有提交的效果</button>
</p>

单选
<p>
    sex:
    <input type="radio" name="sex" checked="checked">男
    <input type="radio" name="sex">女

</p>
# 所有获取用户输入的标签,都应该有一个name属性
	name属性相当于key
	用户输入的内容相当于value

多选
<p>
    favorite:
    <input type="checkbox" name="favorite" >read
    <input type="checkbox" name="favorite" >football
    <input type="checkbox" name="favorite" >basketball
    <input type="checkbox" name="favorite" >music
</p>

下拉框
<p>province:
    <select name="pv" id="">
        <option value="sh">上海</option>
        <option value="sz" selected="selected">深圳</option>
        <option value="bj">北京</option>
    </select>
</p>

<p>文件:
    <input type="file" name="file" multiple id="">
</p>
<p>
    自我介绍:
    <textarea name="" id="" cols="30" rows="10"></textarea>
</p>

验证form表单提交数据

#method指定提交方式为POST,默认是GET
 <form action="http://127.0.0.1:5000/index" method="POST">
posted @ 2021-02-01 23:46  漫游者杰特  阅读(78)  评论(0编辑  收藏  举报