html:optgroup标签的用法,分组、只读的且呈树状样式显示
程序员文章站
2022-05-03 21:33:25
...
在html的select标签中除了了option标签外,还有一个标签就是optgroup 。它能帮我们做什么咧?
从名称我们就已经领会到接分意思:它是一个option的组,就像checkboxgroup、radiogurop一样,是分组用的;
看看下面一段代码,在浏览器中打开你可以看到一个下拉菜单。但是当你选择java或.Net的时候,是不能选择的。
而且样式和option标签的样式也不同,字体加粗了。且下拉菜单呈树状的样式显示。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>optgroup</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> </head> <body> <select> <optgroup label="Java"> <option value="jsp Servlet">jsp Servlet</option> <option value="javaEE">javaEE</option> </optgroup> <optgroup label=".Net"> <option value="aspx">aspx</option> <option value="C#">C#</option> </optgroup> </select> </body> </html>
以上就是html:optgroup标签的用法,分组、只读的且呈树状样式显示的详细内容,更多请关注其它相关文章!