html< select>标签笔记

原创 PHP笔记  2017-08-28 20:21  阅读 749 views 次

<select>标签定义及用法

1、在html中,<select>标签是用来定义(创建)下拉列表,<option>标签在<select>标签内定义了列表中的可用选项。

2、<select>标签是一种表单控件,用户可以在控件中输入内容。

<select>标签基本属性

  • autofocus:在页面加载时下拉列表自动获得焦点,html5新增标签(值:autofocus)。
  • disabled:禁用下拉列表(值:disabled)。
  • form:select字段所属的一个或多个表单(值:form_id)。
  • multiple:可选择多个选项(值:multiple)。
  • name:名称(值:name)。
  • required:用户在提交表单前必须选择一个下拉列表中的选项(值:required)。
  • size:可见选项的数目(值:number)。

<select>标签支持html全局属性和html事件属性

格式:

<select>
<option value="选项1值">选项1</option>
<option value="选项2值">选项2</option>
......
</select>

实例:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html< select>标签笔记_PHP笔记</title>
</head>
<body>
<select>
<option value="html">html</option>
<option value="css">css</option>
<option value="javascript">javascript</option>
<option value="php">php</option>
</select>
</body>
</html>

运行结果:

本文地址:https://www.ggbiji.com/html-select.html
版权声明:本文为 PHP笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情