☰

浏览器中不显示多个选定的属性

tag-icon • tag-icon firefox google-chrome chromium html5
浏览器中不显示多个选定的属性

我一直在观看 Bob Tabor 制作的 HTML5 教程视频，遇到了一个小问题，我就是找不到答案，所以如果我问错了人，我很抱歉。我不知道这是代码、浏览器还是操作系统的问题。

我使用包含“multiple”属性的“select”标签。由于“select”标签中包含“multiple”属性，我放置在“option”标签中的“selected”属性在我的计算机上根本不显示（但没有“multiple”属性则显示正常）。我在 Ubuntu 12.04 上使用 Chromium 和 Firefox。但是，我在别人的电脑上尝试了完全相同的代码（Windows 操作系统上的 Google Chrome），结果显示完美。

有任何想法吗？

答案1

简洁教程 -为什么所有事情都要在 Internet Explorer 中完成不过！即使你使用 Windows，它也只是一种烦恼....

好的，我已经在我的计算机上测试了你的代码（使用 Google Chrome 31（大概）和 Firefox 25)。

为了这： <form method="post"> <p>Crust <select name="crust" multiple> <option value="c1">Normal</option> <option value="c2" selected>Chicago Deep Dish</option> <option value="c3">New York Thin</option> </select> </p> </form>

我懂了（左边是 Firefox，右边是 Chrome）：

多种的

没有multiple，我通过下拉框得到了这个：

无多重

因此 html 可以正常工作，但可能是浏览器出了问题。您可以

1）更新您的浏览器 - 相关标签应该与 Firefox 和 Chrome 兼容（请参阅这里)，但这些浏览器的 Linux 发行版有时可能需要一段时间才能跟上并正常工作。

2) 用不同的方法测试。尝试用 html 本身进行测试（不包含教程中出现的任何字段集和内容），或者将其放在语法正确的网页中：

<!DOCTYPE HTML>
<html>
<head>
    <title>Test Page</title>
    <link rel="shortcut icon" href="" type="image/gif" />
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" >
    <meta name="keywords" content="">
    <meta name="description" content="" />
    <meta name="created" content="">
    <meta http-equiv="content-language" content="en-uk">
</head>
<body lang="en-gb" >
<form method="post"> <p>Crust <select name="crust" multiple> <option value="c1">Normal</option> <option value="c2" selected>Chicago Deep Dish</option> <option value="c3">New York Thin</option> </select> </p> </form>
</body>
</html>

相关内容