免费HTML指南－选择或者下拉框，多选择项，预选择组合框

主题

如何创建下拉框？
在组合框中如何形成选择的值？
如何创建多重选择框？

解释

组合框/下拉框

例如代码:
<form name=myform>
<select name=mytextarea>
<option name=one value=one> one </option>
<option name=two value=two> two </option>
<option name=three value=three> three </option>
</select>
</form>

结论:

定义:
在这里我们可以使用"select"和"option"标记来定义下拉框。"select"标记来定义选择框。通过使用"option"标记来定义组合框中选项号码。按照在例子中显示的我们已经给出了三个选项供用户选择。选项中显示的名称在 "option"标记中间给出。

滚动选择项
通过使用"select"标记中的属性"size"来定义选择项的尺寸。

例如代码:
<form name=myform>
<select name=mytextarea size=2>
<option name=one value=one> one </option>
<option name=two value=two> two </option>
<option name=three value=three> three </option>
<option name=four value=four> four </option>
</select>
</form>

结论:

多选择项
通过使用"multiple"条目，我们可以让用户选择多选择项。通过使用"shift"或者"Ctrl"键用户可以选择多选择项。

例如代码:
<form name=myform>
<select name=mytextarea size=3 multiple>
<option name=one value=one> one </option>
<option name=two value=two> two </option>
<option name=three value=three> three </option>
<option name=four value=four> four </option>
</select>
</form>

结论:

预选择项
通过使用"selected"条目，可以对选项进行预选择。

例如代码:
<form name=myform >
<select name=mytextarea size=2>
<option name=one value=one> one </option>
<option name=two value=two> two </option>
<option name=three value=three selected> three </option>
<option name=four value=four> four </option>
</select>
</form>

结论:

组合框/下拉菜单