首页 > 文章 > web前端 > html select标签怎么默认选中？select标签的使用介绍

html select标签怎么默认选中？select标签的使用介绍

寻∝梦原创: 2018-08-31 16:04:2823477浏览

本篇文章主要的介绍了关于HTML中的select标签的默认选中的方法，有完整的代码实例在里面，多试试代码的用处，现在我们来看看这篇关于HTML中的select标签的文章吧

首先我们要介绍的就是html中的select标签怎么才能被默认选中呢？

select 元素可创建单选或多选菜单。

fb56dd2db6cfb473bfd0d22d6b860713 元素中的 5a07473c87748fb1bf73f23d45547ab8 标签用于定义列表中的可用选项。

提示：select 元素是一种表单控件，可用于在表单中接受用户输入。

一般的select标签都是如下这个完整的代码：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<select>
  <option value ="volvo">php中文网</option>
  <option value ="saab">百度</option>
  <option value="opel">新浪</option>
  <option value="audi">腾讯</option>
</select>
</body>
</html>

效果很明显：

点击之后就会打开下拉框，我们今天要做的就是如何把它默认选中，我们说的就是selected这个属性，在你想的那个下拉框中输入这个这个属性，属性值和属性是一样的，如：

<select>
  <option value ="volvo">php中文网</option>
  <option value ="saab" selected="selected">百度</option>
  <option value="opel">新浪</option>
  <option value="audi">腾讯</option>
</select>

选中了百度，效果如图所示：

每次刷新都是以百度在上面显示，这就是selected这个属性的用法。也很好用的。

这篇文章到这就结束了（想学更多的HTML知识，欢迎来到PHP中文网学习，这里有你想要学的所有编程课程），有问题的可以在下方提问。

HTML中ul标签如何去掉点？HTML无序列表的样式实例解析

以上是html select标签怎么默认选中？select标签的使用介绍的详细内容。更多信息请关注PHP中文网其他相关文章！

php html select ul

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：html中的注释怎么写？html中的注释符号又是什么？（附实例）下一篇：HTML5 meter标签什么意思？meter标签的用法详解

查看更多