<lable>请选择学历</lable>
<select name="education">
<option value = "高中">高中</option>
<option value = "本科">本科</option>
<option value = "研究生">研究生</option>
</select>
| 属性 | 值 | 描述 | DTD |
|---|---|---|---|
| disabled | disabled | 规定禁用该下拉列表。 | STF |
| multiple | multiple | 规定可选择多个选项。 | STF |
| name | name | 规定下拉列表的名称。 | STF |
| size | number |
规定下拉列表中可见选项的数目。 |
<input> 标签
定义和用法
<input> 标签用于搜集用户信息。
根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
实例
一个简单的 HTML 表单，包含两个文本输入框和一个提交按钮：
<form action="form_action.asp" method="get">
First name: <input type="text" name="fname" />
Last name: <input type="text" name="lname" />
<input type="submit" value="Submit" />
</form>
DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.
| 属性 | 值 | 描述 | DTD |
|---|---|---|---|
| accept | mime_type | 规定通过文件上传来提交的文件的类型。 | STF |
| align |
|
不赞成使用。规定图像输入的对齐方式。 | TF |
| alt | text | 定义图像输入的替代文本。 | STF |
| checked | checked | 规定此 input 元素首次加载时应当被选中。 | STF |
| disabled | disabled | 当 input 元素加载时禁用此元素。 | STF |
| maxlength | number | 规定输入字段中的字符的最大长度。 | STF |
| name | field_name | 定义 input 元素的名称。 | STF |
| readonly | readonly | 规定输入字段为只读。 | STF |
| size | number_of_char | 定义输入字段的宽度。 | STF |
| src | URL | 定义以提交按钮形式显示的图像的 URL。 | STF |
| type |
|
规定 input 元素的类型。 | STF |
| value | value | 规定 input 元素的值。 | STF |
示例源码:
<body>
This is my HTML5 page. <br>
<lable>请选择学历</lable>
<select name="education" mutiple = "true">
<option value = "高中">高中</option>
<option value = "本科">本科</option>
<option value = "研究生">研究生</option>
</select>
<br>
<lable>用户名:</lable><input type="text" name="username">
<br>
<lable>密码:</lable><input type="password" name="password">
<br>
<lable>性别</lable><input type="radio" name="sex" value="男"><lable>男</lable>
<input type="radio" name="sex" value="女"><lable>女</lable>
<br>
<lable>爱好:</lable>
<input type="checkbox" name="love" value="篮球"><lable>篮球</lable>
<input type="checkbox" name="love" value="足球"><lable>足球</lable>
<input type="checkbox" name="love" value="武术"><lable>武术</lable>
<input type="checkbox" name="love" value="街舞"><lable>街舞</lable>
<br>
<input type= "file" name= "upfile ">
<br>
<input type="image" src="unix.jpg" alt="Submit" >
<br>
<input type="hidden" name="country" value="Norway">
<br>
<input type="submit" value="提交">
<input type="reset" value="重置">
<input type="button" value="退出">
</body>
