Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/449.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 标签内奇怪的输入按钮onClick处理程序行为 标签_Javascript_Html_Xhtml - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 标签内奇怪的输入按钮onClick处理程序行为 标签

Javascript 标签内奇怪的输入按钮onClick处理程序行为 标签

javascript html

Javascript 标签内奇怪的输入按钮onClick处理程序行为 标签,javascript,html,xhtml,Javascript,Html,Xhtml,在Firefox 3.6.8中尝试了此代码。当我单击“第一”时，它显示“第一”。当我点击“秒”时，它会显示“秒，然后是“第一”？这是一种奇怪的onClick行为吗？因为内联标签（label）中的块级标签（input）？是的，它发生在很多浏览器中（我安装的所有浏览器都是如此），也发生在span标签上（它们也是内联的） 如果这是一份表格，则应为： <!DOCTYPE HTML PUBLIC "-//WC3/DTD XHTML 1.0 Strict//EN" "http://www.w3.org

在Firefox 3.6.8中尝试了此代码。当我单击“第一”时，它显示“第一”。当我点击“秒”时，它会显示“秒，然后是“第一”？这是一种奇怪的onClick行为吗？因为内联标签（label）中的块级标签（input）？

是的，它发生在很多浏览器中（我安装的所有浏览器都是如此），也发生在span标签上（它们也是内联的）

如果这是一份表格，则应为：

<!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>

首先
第二
如果没有，请尝试使用span标记？

您的按钮嵌套在单个
标签中。当您单击第二个
按钮时，Firefox会激活
标签，然后激活第一个
按钮。您应该按照@jamie wilson的建议，分割
标签


<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');" />