走进HTML5入门到精通:<select>标签

【转载请保留风信网文章内容的完整性,如果您不能遵守此原则,我们将保留追究法律责任的权利】

<select> 标签

定义和用法

<select> 标签创建下拉列表。

HTML 4.01 与 HTML 5 之间的差异

HTML 5 有一些新的属性,同时不再支持一些 HTML 4.01 的属性。

提示和注释:

风信网(www.ithov.com)提示:请在 form 元素中使用此标签来接受用户的输入。

例子

<select>
<option ">value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>

属性

属性 值 描述 4 5 autofocus true false 在页面加载时使这个 select 字段获得焦点。   5 data url 供自动
插入数据。   5 disabled true false 当该属性为 true 时,会禁用该菜单。 4 5 form true false 定义 select 字段所属的一个或多个
表单。   5 multiple true false 当该属性为 true 时,规定可一次选定多个项目。 4 5 name unique_name 定义下拉列表的唯一标识符。 4 5 size number 定义菜单中可见项目的数目。不支持。 4

标准属性

class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title如需完整的描述,请访问 HTML 5 中标准属性。

事件属性

onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload如需完整的描述,请访问 HTML 5 中事件属性。

TIY 实例

简单的下拉列表

<html>
<body>
<form>
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>
</body>
</html>

本例演示如何在 HTML 页面中创建简单的下拉列表框。下拉列表框是一个可选列表。

另一个下拉列表

<html>
<body>
<form>
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat" selected="selected">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>
</body>
</html>

本例演示如何创建一个简单的带有预选值的下拉列表。(注:预选值指预先指定的首选项。)

时间: 2024-10-31 22:44:28

走进HTML5入门到精通:<select>标签的相关文章

走进HTML5入门到精通:&lt;!--...--&gt;标签

<!--...--> 标签 定义和用法 注释标签用于在源文档中插入注释.注释会被浏览器忽略.您可使用注释对您的代码进行解释,这样做有助于您在以后的时间对代码的编辑. 您也可以在注释内容存储针对程序所定制的信息.在这种情况下,这些信息对用户是不可见的,但是对程序来说是可用的.一个好的习惯是把注释或样式元素放入注释文本中,这样就可避免不支持脚本或样式的老浏览器把它们显示为纯文本. 除了在源文档中有非常明显的作用外,许多 Web 服务器也利用注释来实现文档服务端软件特有的特性.这些服务器可以扫描文档

走进HTML5入门到精通:&lt;nav&gt;标签

[转载请保留风信网文章内容的完整性,如果您不能遵守此原则,我们将保留追究法律责任的权利] <nav> 标签 定义和用法 <nav> 标签定义导航链接的部分. 实例 <nav><a href="index.asp">Home</a><a href="html5_meter.asp">Previous</a><a href="html5_noscript.asp"

走进HTML5入门到精通:&lt;video&gt;标签

<video> 标签 定义和用法 <video> 标签定义视频,比如电影片段或其他视频流. 实例 一段简单的http://www.aliyun.com/zixun/aggregation/79228.html"> HTML5 视频: <video src="movie.ogg" controls="controls">您的浏览器不支持 video 标签.</video>TIY<!DOCTYPE H

走进HTML5入门到精通:&lt;command&gt;标签

<command> 标签 定义和用法 <command> 标签定义命令按钮,比如单选按钮.复选框或按钮. 实例 标记一个风信网(www.ithov.com)按钮: <menu><command type="command">Click Me!风信网</command></menu> 亲自试一试 HTML 4.01 与 HTML 5 之间的差异 <command> 标签是 HTML 5 中的新标签. 属性

走进HTML5入门到精通:&lt;optgroup&gt;标签

[转载请保留风信网文章内容的完整性,如果您不能遵守此原则,我们将保留追究法律责任的权利] <optgroup> 标签 定义和用法 <optgroup> 标签定义选项组.此元素允许您组合选项.当您使用一个长的选项列表时,对相关的选项进行组合 会使处理更加容易. HTML 4.01 与 HTML 5 之间的差异 没有. 例子 <select><optgroup label="Swedish Cars"><option http://ww

走进HTML5入门到精通:&lt;output&gt;标签

[转载请保留风信网文章内容的完整性,如果您不能遵守此原则,我们将保留追究法律责任的权利] <output> 标签 定义和用法 <output> 标签定义不同类型的输出,比如脚本的输出. 实例 如何在表单中使用 output 元素: <form action="form_action.asp" method="get" http://www.aliyun.com/zixun/aggregation/11696.html">

走进HTML5入门到精通:&lt;tbody&gt;标签

[转载请保留风信网文章内容的完整性,如果您不能遵守此原则,我们将保留追究法律责任的权利] <tbody> 标签 定义和用法 定义一段表格主体(正文). 使用 <tbody> 标签,可以将表格分为一个单独的部分.<tbody> 标签可将表格中的一行或几行合成一组. 虽然您可能想包括一个,甚至会在表格中包括两个或更多个 <tbody> 标签,但是我们建议最好在表格中没有<tbody> 标签. 在 <tbody> 标签中,只有 <tr

走进HTML5入门到精通:&lt;ruby&gt;标签

[转载请保留风信网文章内容的完整性,如果您不能遵守此原则,我们将保留追究法律责任的权利] <ruby> 标签 定义和用法 <ruby> 标签定义 ruby 注释(中文注音或字符). 在东亚使用,显示的是东亚字符的发音. 与 <ruby> 以及 <rt> 标签一同使用: ruby 元素由一个或多个字符(需要一个解释/发音)和一个提供该信息的 rt 元素组成,还包括可选的 rp 元素,定义当浏览器不支持 "ruby" 元素时显示的内容. 实例

走进HTML5入门到精通:&lt;img&gt;标签

[转载请保留风信网文章内容的完整性,如果您不能遵守此原则,我们将保留追究法律责任的权利] <img> 标签 定义和用法 <img> 标签定义图像. HTML 4.01 与 HTML 5 之间的差异 在 HTML 4.01 中,图像的 "align", "border", "hspace" 以及 "vspace" 不赞成使用.在 HTML 5 中,不再支持这些属性. 例子 <img src=&quo

走进HTML5入门到精通:&lt;textarea&gt;标签

[转载请保留风信网文章内容的完整性,如果您不能遵守此原则,我们将保留追究法律责任的权利] <textarea> 标签 定义和用法 定义一个文本区域 (text-area) (一个多行的文本输入区域).用户可在此文本区域中写文本.在一个文本区中,您可输入无限数量的文本.文本区中的默认字体是等宽字体 (fixed pitch). HTML 4.01 与 HTML 5 之间的差异 在 HTML 5 中有一些新属性,同时不再支持 HTML 4.01 中的一些属性. 例子 <textarea ro