标签内部奇怪的输入按钮onClick处理器行为

<!DOCTYPE HTML PUBLIC "-//WC3/DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

<html> 
<body> 
<label>A label 
<input type="button" value="First" onClick="alert('First');" /> 
<input type="button" value="Second" onClick="alert('Second');" /> 
</label> 
</body> 
</html>

在Firefox 3.6.8中试过这段代码。当我点击“第一个”时，它显示“第一个”。当我点击“秒”，它显示“第二，然后”第一“？这是一个奇怪的onClick行为，由于块内标签（输入）inline标签（标签）？标签内部奇怪的输入按钮onClick处理器行为

来源

2010-07-30 Archit Baweja

是的，它发生在很多。浏览器（以及所有那些我已经反正安装），并将其与span标签发生（这也是内联）

如果这是一种形式，它应该阅读：

<label for="First">First</label> 
<input type="button" value="First" id="First" onclick="alert('First');" /> 
<label for="Second">Second</label> 
<input type="button" value="Second" id="Second" onclick="alert('First');" />

如果没有，尝试span标签代替吗？

来源

2010-07-30 05:12:53

您的按钮嵌套在单个label元素。当您点击第二个button时，Firefox激活label，然后激活第一个button。按照@ jamie-wilson的建议，你应该划分你的label。

来源

2010-07-30 05:36:56

标签内部奇怪的输入按钮onClick处理器行为

回答

相关问题