10.3.1 HTML option 标签

option 标签 -- 代表选择列表的一个选择项
  • option标签是成对出现的,以<option>开始,以</option>结束
  • 属性:
    • Common -- 一般属性
    • label -- 说明选择项
    • value -- 说明选择项的值
    • selected -- 此选择项已经被选择
    • disabled -- 输入框无法获得焦点,无法选择,以灰色显示,在表单中不起任何作用
    • tabindex -- 使用"tab"键的遍历顺序
  • 引用网址:http://www.dreamdu.com/xhtml/tag_option/

示例

<form action="dreamdu.php" method="post" id="dreamduform">
	<fieldset>
		<legend>你对梦之都的感觉:</legend>
		<label for="select">你对梦之都的感觉</label>
		<select size="1" id="select" name="select">
			<option>很全面,很好</option>
			<option selected="selected">一般般吧,还要努力</option>
			<option>有很多问题,不过还可以</option>
		</select>
	</fieldset>
	<fieldset>
		<legend>你在梦之都想学习的编程语言:</legend>
		<label for="multipleselect">你在梦之都想学习的编程语言</label>
		<select size="10" multiple="multiple" id="multipleselect" name="multipleselect">
			<option selected="selected">XHTML</option>
			<option>CSS</option>
			<option>JAVASCRIPT</option>
			<option>XML</option>
			<option selected="selected">PHP</option>
			<option>C#</option>
			<option>JAVA</option>
			<option>C++</option>
			<option>PERL</option>
		</select>
	</fieldset>
</form>

HTML option 标签示例 -- 可以尝试编辑



  • 教程中有什么不懂的地方?发现教程的错误!对教程有什么建议!快快给我留言呀 给猴子留言,我会尽快解答你的问题:)