Correction status:qualified
Teacher's comments:完成的很好,继续加油
| 类型 | 描述 | 示例 |
|---|---|---|
| text | 文本框 | |
| password | 暗文文本框 | |
| 有验证的邮箱表单 | |
|
| number | 数字文本框,只能输入数字 | |
| date | 年月日的数字滚轮 | |
| radio | 单选框 | |
| checkbox | 复选框 | |
| image | 图形化 submit 按钮 | |
select元素用来创建下拉列表元素中的标签定义了列表中的可用选项。
示例
| 类型 | 描述 | 示例 |
|---|---|---|
| name | 控件名称,作为键值对的一部分与表单一同提交 | name="password" |
| value | 控件的初始值 | value="18" |
| max | 最大值 | max="2023-03-13" |
| min | 最小值 | min="1997-05-08" |
| maxlength | value的最小长度(字符数) | maxlength="18" |
| minlength | value的最小长度(字符数) | minlength="18" |
| size | 控件的尺寸 | size="18" |
| selected | 预先选定该选项。 | selected |
| placeholder | 出现在控件上的文字 | placeholder="请填写用户名" |
| chenked | 控件是否选中 | chenked |
| required | 布尔值。如果存在,这个值是必需的 | required |
| disabled | 布尔值。表单控件是否禁用 | disabled |
radio单选按钮允许在多个拥有相同name值的选项中选中其中一个。
type="radio"name="gender"value="sex"id="sex"/>男
type="radio"name="gender"value="sex"id="sex"/>女
type="radio"checkedname="secrecy"value="sex"id="sex"/>保密
checkbox复选框需要返回多个值,需要在name属性中加[]。
lang="zh-CN">
charset="UTF-8"/>
http-equiv="X-UA-Compatible"content="IE=edge"/>
name="viewport"content="width=device-width, initial-scale=1.0"/>
Document
type="text"placeholder="不少于6位数"name="usname"id="usname"maxlength="12"/>
type="password"placeholder="输入密码"name="password"id="password"minlength="8"/>
type="email"placeholder="注意邮箱格式@"name="email"id="email"/>
type="number"name="age"id="age"value="18"min="18"max="20">
type="date"name="birthday"id="birthday"value="1997-05-08"min="1997-05-08"max="2023-03-13">
type="radio"name="gender"value="sex"id="sex"/>男
type="radio"name="gender"value="sex"id="sex"/>女
type="radio"checkedname="secrecy"value="sex"id="sex"/>保密
type="image"src="./0313image/1.png"alt="同意"width="220px"id="picture"onclick="alert('密码输入正确')">
提交
type="reset"value="重置">