2013-05-08 39 views
1

是否合法拥有1个文本框和2个“链接”到1个文本框的标签元素?HTML表单的好还是坏?

我们只是说文本框是一个搜索字段。 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有什么影响?我可以想到几个,但不知道他们是否有效的问题。

+2

不,你会被逮捕由HTML警察虐待HTML。 jk很好。 – zzzzBov 2013-05-08 23:42:14

+2

我不相信有任何负面的SEO影响。据我所知,爬行器不会对标签数量与输入数据进行检查。 – chuckieDub 2013-05-08 23:43:46

+0

哈哈。我不会去监狱,我会吗? ;-( – 2013-05-08 23:43:55

回答

6

它没什么问题,但它是糟糕的设计。

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

+0

我会用一个单选按钮,但我不喜欢整个圆形的东西,它真的与界面的其他部分紧密相连(看起来不太好)实际上,我想我会检查一下Google的HTML源代码,因为他们的页面上有相同的_effect_。谢谢你的回答。 – 2013-05-08 23:50:06

+0

看起来他们使用的是排序列表(ol)。为什么地球上没有?我想到了这一点!我使用了一切列表: - /(夸张) – 2013-05-08 23:52:48

+0

谢谢@Kolink,我决定使用无序列表。 – 2013-05-08 23:59:43

1

如果你想检查它是否“合法” HTML/CSS问W3C验证: http://validator.w3.org/check

+0

好主意。感谢您的提醒。 – 2013-05-08 23:54:11