| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta charset="UTF-8">
- <title>表单标签</title>
- </head>
- <body>
- <!--
- 表单标签，就是注册、登录、搜索、查询等等需要输入的，选择的各种标签
- 表单的作用，就是采集用户输入 的数据，然后将数据发送到服务端(后端)，
- 服务端会对数据库进行操作。
- <form> 定义表单
- action="" 将表单的信息要提交到哪个位置
- 规定当提交表单的时候，向什么位置发送表单数据，这个属性值是URL
- method="" 规定用来发送表单数据的方式
- method属性最基础的两种值：
- get 是将表单数据拼接到URL的后面，直接发送到服务端，用来发送敏感数据的时候不建议使用。
- 拼接到URL后面的内容长度是由限制的，最大不超过4KB
- post 是将表单的数据放入http请求的请求体中，参数没有大小限制。
- 表单项：
- <input> 标签，通过type属性可以控制输入的形式
- type="text" 定义文本输入框
- type="username" 定义用户名输入框
- type="password" 定义密码输入框
- type="radio" 定义单选按钮输入框
- type="checkbox" 定义复选框输入框
- type="date" 定义日期输入框
- type="datetime-local" 定义日期时间输入框
- type="reset" 重置
- type="submit" 提交
- 下拉列表 <select>
- 下拉列表的列表项 <option>
- 文本框，可以输入多行内容<textarea>
- -->
- <form action="/user/register" method="post">
- 真实姓名：<input type="text" name="realName" id="realName"><br/>
- 用户名：<input type="username" name="username" id="username"><br/>
- 密码：<input type="password" name="password" id="password"> <br/>
- 性别：<input type="radio" name="sex" id="man" value="man"> 男
- <input type="radio" name="sex" id="woman" value="man"> 女<br/>
- 爱好：
- <input type="checkbox" name="hobby" id="c1" value="c1"> 抽烟
- <input type="checkbox" name="hobby" id="h1" value="h1"> 喝酒
- <input type="checkbox" name="hobby" id="t1" value="t1"> 烫头<br/>
- 生日：<input type="datetime-local" name="birthday" id="birthday"><br/>
- <input type="reset" value="重置">
- <input type="submit" value="注册">
- <input type="button" value="普通按钮"><br/>
- <!--下拉列表-->
- <select name="hobby1" id="hobby1">
- <option value="c1">抽烟</option>
- <option value="c2">抽烟1</option>
- <option value="c3">抽烟1</option>
- </select><br/>
- 个人评价<br/>
- <textarea cols="200" rows="5" name="desc"></textarea>
- </form>
- </body>
- </html>
|
