6、HTML 表单标签

标签：label   word   baidu   pre   tar   提交   htm   百度   自我介绍   

定义

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

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">

6、HTML 表单标签

标签：label   word   baidu   pre   tar   提交   htm   百度   自我介绍   

原文地址：https://www.cnblogs.com/TobuTobu/p/14359848.html