网页开发（三）——表单

书接上回~

老师给出了一个做表格的案例，如果想要做成以下的样子

可以进行如下的编码，前面的编码其实不太规范，写到了一行中，这里分开写才比较规范好看

3.9 input系列

（1）<input type="text" >  输入文本框  <input type="password" >  输入密码框   <input type="file" > 文件上传选择框

 （2）<input type="radio" >   单选框  但在此情况下，有两个这种标签，单选框的选择不会互斥

<input type="radio" name="n1">男

<input type="radio" name="n1">女     确保name里面的内容相等，单选框就会互斥了

（3）复选框 <input type="checkbox">棒球

           <input type="checkbox">足球

           <input type="checkbox">篮球

（4）提交按钮    <input type="button" value="提交">   普通按钮

                            <input type="submit" value="提交">   提交表单

3.10 下拉框

<select>    （单选）                  如果想要多选：<select multiple>

<option>北京</option>

<option>上海</option>

<option>重庆</option>

</select>

3.11 多行文本

<textarea></textarea>    可以让人输入多行文本

如果想指定文本行数，可以写成    <textarea rows="5"></textarea>    即文本行数指定为5

3.12 用户注册   开一个新的网页

@app.route("/register")

def register():

      return render_template("register.html)

<h1>用户注册</h1>

<div>

        用户名：<input type="text" />

</div>

<div>

        密码：<input type="password" />

</div>

可以结合上面学的标签多种组合满足页面需求

知识点补充：

（1）网络请求：

假如上知乎：zhihu.com/explore，我们只是输入了网址，点击了回车，但是背地浏览器会发送很多数据过去，本质上发送的是字符串，比如：

"GET/explore http1.1\r\nhost:.....\r\nuser-agent\r\n..\r\n\r\n"

or："POST/explore http1.1\r\nhost:.....\r\nuser-agent\r\n..\r\n\r\n数据库"

浏览器向后端发送请求是，分为GET请求【URL方法/表单提交】（现象：GET请求、跳转、向后台传入数据数据会拼接在URL上，也就是我们可在网址上面看到我们搜索的关键词）

https://www.sogou.com/web?query=安卓&age=19&name=xx

另一种为POST请求【表单提交】（现象：提交数据不在URL中而是在请求体中。明面上看不到搜索的关键词）