html< option>标签笔记

原创 PHP笔记  2017-08-19 19:44  阅读 662 views 次

在html中,<option>标签是用来定义下拉列表中的一个选项或一个条目,经常出现在<select>标签<datalist>标签中,作为<select>标签或<datalist>标签的的选项或条目。

<option>标签基本属性

  • disabled:此选项应在首次加载时被禁用(值:disabled)。
  • label :使用<optgroup>标签时所使用的标注(值:文本)。
  • selected:选项为选中状态(值:selected)。
  • value:送往服务器的选项值(值:值)。

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

格式:

<select>
<option value="值">选项值</option>
</select>

说明:

  1. <option>标签可以不带任何属性,但是通常都需要设置value属性,此属性会指示出被送往服务器的内容。
  2. <option>标签一般会与<select>标签或<datalist>标签配合使用,否则该标签是没有意义的。
  3. 在列表选项很多的时候,一般使用<optgroup>标签对相关选项进行组合。

实例:

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

运行结果:

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

发表评论


表情