您的位置：首页 > Web前端 > HTML

HTML基础 form-select-optgroup创建两级有标题的下拉列表

2016-09-29 07:58 405 查看
       慈心积善融学习，技术愿为有情学。善心速造多好事，前人栽树后乘凉。我今于此写经验，愿见文者得启发。

1、代码
<html>
<head>
<title> </title>
</head>
<meta charset="utf-8">
<body>
<!-- action属性是指把数据提交到哪个网站-->
<!-- method属性是把数据以怎样的形式提交到指定的网站>
<!-- get可以在地址栏中看到提交的书籍-->
<form action="http:\\www.baidu.com" method="get">
<!--我还是觉得size=1好看-->
<select size="1">
<optgroup label="计算机语言">
<option>C</option>
<option>C++</option>
<option>C#</option>
<option>VB</option>
<option>JavaScript</option>
</optgroup>

<optgroup label="儒释道经典">
<option>道德经</option>
<option>金刚经</option>
<option>论语</option>
<option>文始真经</option>
<option>北斗经</option>
</optgroup>
</select>

<!--通过名字将他们分组,看出来了木-->
</form>

</body>
</html>


2、效果图



感恩曾经帮助过 心少朴 的人。

html+css+javascript，可以关注一下。
注：此文是自学笔记所生，质量中下等，故要三思而后行。新手到此，不可照搬，应先研究其理象数，待能变通之时，自然跳出深坑。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航