表单 HTML select 标签

<select></select>

  • <select>元素可创建单选或多选菜单。当提交表单时,浏览器会提交选定的项目,或者收集用逗号分隔的多个选项,将其合成一个单独的参数列表,并且在将<select> 表单数据提交给服务器时包括 name 属性。

  • <select> 元素是一种表单控件,可用于在表单中接受用户的选择结果。

属性 描述
autofocus autofocus 页面加载后,自动获取焦点
disabled disabled 只要有定义, 任何值都是禁用下拉列表
form form_id 确定下拉文本所属的表单,该属性的值必须是同一文档中的某个 元素的 id 属性。
multiple multiple 只要有定义, 任何值都是实现同时选择多个选项。windows:Ctrl ;Mac: command。 常与size 属性配合,来定义可见选项的数目
size number 下拉列表中可见选项的数目
required required 规定必填,在提交表单前必须选择一个值
name name 定义select 元素节点的名称,用于对提交到服务器后的表单数据进行标识,或者在客户端通过 JavaScript 引用表单数据
//demo_1
<select disabled="disabled">
	<option>一级</option>
	<option selected="selected">耳机</option>
	<option>三级</option>
	<option>司机</option>
</select>
//demo_2
<select style="font-family: STkaiti;" autofocus="autofocus" 
multiple="" size="3" required="required" form="form_sub">
	<option>一级</option>
	<option>耳机</option>
	<option>三级</option>
	<option>司机</option>
</select>
<form action="chart.html" id="form_sub">
	<input type="submit" />
</form>

猜你喜欢

转载自blog.csdn.net/qq_43662261/article/details/85012018
今日推荐