| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <title>Document</title>
- <style>
- /* input {
- width: 300px;
- height: 200px;
- } */
- </style>
- </head>
- <body>
- <!--
- form 表单标签
- 属性：action 提交内容到后台
- 输入框：
- input
- 属性：placeholder提示信息
- type 类型
- 1.text 文本类型
- 2.password 密码
- 3.submit 提交按钮
- 4.reset 重置按钮
- 5.button 自定义按钮 配合value属性使用
- 6.radio 单选格式 需要设置相同的name属性值
- 7.checkbox 多选格式 checked默认选择 禁止选择
- -->
- <form action="">
- <input type="text" placeholder="请输入您的手机号" />
- <input type="password" />
- <input type="submit" />
- <input type="reset" />
- <input type="button" value="哈哈哈" />
- <br /><br />
- <input type="radio" name="aaa" />男
- <input type="radio" name="aaa" />女
- <br /><br />
- <input type="checkbox" />篮球
- <input type="checkbox" disabled />足球
- <input type="checkbox" checked />羽毛球
- <input type="checkbox" />网球
- <input type="checkbox" />排球
- <!--
- button 按钮标签
- -->
- <button>登录</button>
- <!--
- 下拉框
- select 与 option 搭配使用
- option中value的值是绑定数据进行联调
- disabled 禁止选择
- selected 默认选中
- -->
- <select>
- <option value="1">小学</option>
- <option value="2">初中</option>
- <option value="3">高中</option>
- </select>
- <!-- 文本域
- textarea
- rows 行
- cols 列
- maxlength 最大输入长度
- -->
- <textarea rows="20" cols="30" maxlength="10"></textarea>
- </form>
- </body>
- </html>
|
