1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465 |
- <!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 向服务端提交客户端内容
- 1.input 输入框
- 属性:
- a.placeholder 提示信息
- b.type 类型
- text 文本类型
- password 密码
- submit 提交按钮
- reset 重置按钮
- button 自定义按钮 配合value属性一起使用
- radio 单选 切记name属性相同
- checkbox 多选 checked默认选择 disabled 禁止选中
- -->
- <form action="">
- <input type="text" placeholder="哈哈哈哈哈">
- <br>
- <input type="password">
- <br>
- <input type="submit">
- <br><br>
- <input type="reset">
- <br><br>
- <input type="button" value="再来一次">
- <br><br>
- <input type="radio" name="111">男
- <input type="radio" name="111">女
- <br><br>
- <input type="checkbox">篮球
- <input type="checkbox" checked>足球
- <input type="checkbox" disabled>羽毛球
- <input type="checkbox">排球
- <br><br><br>
- <!--
- 2.下拉框
- select 与 option 一起组成
- selected 默认选择
- disabled 禁止选中
- -->
- <select>
- <option value="第一">1</option>
- <option value="第二" selected>2</option>
- <option value="第三">3</option>
- <option value="第四" disabled>4</option>
- </select>
- <br><br><br>
- <!--
- 3.文本域
- textarea
- cols列
- rows行
- maxlength 最大长度
- -->
- <textarea cols="10" rows="20" maxlength="10"></textarea>
- </form>
- </body>
- </html>
|