| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- </head>
- <body>
- <!--
- 表单标签：form
- 属性：action 将表单上的内容提交到服务端上
- label 表单提示信息
- placeholder 提示信息
- input: 行内块元素
- 属性：
- 值： value
- 分类：type
- text 输入框
- password 密码
- submit 提交按钮
- reset 重置按钮
- button 按钮 可搭配value属性使用
- radio 单选 设置相同的name属性
- checkbox 多选
- disabled 禁止选择
- checked 默认选择
- 下拉框：
- select与option组成
- value 值
- disabled 禁止选择
- selected 默认选择
- 文本域：
- textarea
- value 值
- cols 列
- rows 行
- -->
- <form action="">
- <!-- <input style="width: 300px;height: 300px;" type="text"> -->
- <label>用户名:</label><input type="text" placeholder="nih ">
- <br>
- <label>密码:</label><input type="text">
- <br>
- <input type="password">
- <br>
- <input type="submit">
- <br>
- <input type="reset">
- <br>
- <input type="button" value="自定义">
- <br>
- <input type="radio" name="sex">男
- <input type="radio" name="sex">女
- <br>
- <input type="checkbox">足球
- <input type="checkbox" disabled>台球
- <input type="checkbox">羽毛球
- <input type="checkbox" checked>网球
- <input type="checkbox">蓝球
- <input type="checkbox">乒乓球
- <br>
- <select>
- <option value="1">小学</option>
- <option value="2" disabled>初中</option>
- <option value="3" selected>高中</option>
- <option value="4">大学</option>
- </select>
- <br>
- <textarea value="" placeholder="请输入一段自我介绍" cols="30" rows="30"></textarea>
- </form>
- </body>
- </html>
|
