| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <title>表单</title>
- </head>
- <body>
- <!--
- 规范：万维网联盟组织规定
- 表单：
- form
- action:把表单中的内容提交给别的表单（很少会用）
- 1.input 输入框 placeholder 提示信息 行内块元素
- 属性： 1.type
- a.text 文本
- b.password 密码
- c.button 按钮
- d.reset 重置按钮
- e.submit 提交按钮
- f.radio 单选框
- 注：实现单选框加相同的name属性名称
- h.checkbox 多选框
- checked默认选择 disabled禁止选中
- 2.value 内容/值
- 2.label 信息标签 配合着input标签使用
- -->
- <form action="">
- <label>分类</label>
- <input type="text" placeholder="提示信息">
- <br>
- <label>密码</label>
- <input type="password" placeholder="提示信息">
- <input type="button" value="123">
- <input type="reset">
- <input type="submit">
- <input type="radio" name="11">男
- <input type="radio" name="11">女
- <input type="checkbox" checked>桃子
- <input type="checkbox" disabled>苹果
- <input type="checkbox">梨
- <input type="checkbox">橙子
- <!-- 下拉框
- 由select 搭配 option一起构成
- disabled 禁止选中
- selected 默认选中
- -->
- <select>
- <option value="桃子">桃子</option>
- <option value="苹果" selected>苹果</option>
- <option value="梨" disabled>梨</option>
- <option value="橙子">橙子</option>
- </select>
- <!--
- 文本域 textarea
- cols 列
- rows 行
- maxlength 最大长度
- -->
- <textarea cols="10" rows="20" placeholder="请输入" maxlength="10"></textarea>
- </form>
- </body>
- </html>
|
