HTML下拉列表框
讲解:
1、value:
<option value="House Blend">House Blend</option>
2、selected="selected":
设置selected="selected"属性,则该选项就被默认选中。
下拉列表框进行多选:
下拉列表也可以进行多选操作,在<select>标签中设置multiple="multiple"
属性,就可以实现多选功能,在 widows 操作系统下,进行多选时按下Ctrl
键同时进行单击
(在 Mac下使用 Command +单击),可以选择多个选项。
HTML提交按钮
语法:
<input type="submit" value="提交">
type
:只有当type值设置为submit时,按钮才有提交作用
value
:
按钮上显示的文字
HTML重置按钮
语法:
<input type="reset" value="重置">
type
:只有当type值设置为reset时,按钮才有重置作用
value
:
按钮上显示的文字
HTML Form表单中的lable标签
label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label
标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该
label标签相关连的表单控件上)。
语法:
<label for="控件id名称">
注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。
例子:
<body>
<form>
你对什么运动感兴趣:<br/>
<label for="Run">跑步</label>
<input type="checkbox" name="run" id="run" />
<br />
<label for="mountaineering">登山</label>
<input type="checkbox" name="mountaineering" id="mountaineering" />
<br />
<label for="basketball">篮球</label>
<input type="checkbox" id="basketball" placeholder="basketball"/>
</form>
</body>