1

拥有 1 个文本框和 2 个“链接”到该 1 个文本框的标签元素是否合法？

假设文本框是一个搜索字段。2 个标签元素代表您可以搜索的 2 种不同类型的事物。例如，单击标签 1 将聚焦文本框并更改底层表单隐藏属性。例如：

<form method="" action="">
   <label for="search" id="books">Search Books</label>
   <label for="search" id="games">Search Games</label>
   <input type="search" name="search" id="search" placeholder="What are you looking for?" />
</form>

<script type="javascript">
   // IF LABEL 1 (BOOKS) IS CLICKED, THEN SET HIDDEN FORM ELEMENT TO "BOOKS"
   // IF LABEL 2 (GAMES) IS CLICKED, THEN SET HIDDEN FORM ELEMENT TO "GAMES".
</script>

对SEO有什么影响？我能想到一些，但不确定它们是否是有效的担忧。

4

2 回答 2

6

它没有任何问题，但它是糟糕的设计。

我建议使用一组单选按钮或一个<select>让用户选择他们正在搜索的内容。

于 2013-05-08T23:47:11.490 回答
1

如果您想检查它是否“合法”html/css，请询问 W3C 验证器：http: //validator.w3.org/check

于 2013-05-08T23:51:40.063 回答