按钮不喜欢Chrome的
问题描述:
您好,我有一点问题,这个网站的脚本:按钮不喜欢Chrome的
<!DOCTYPE html>
<html>
<body>
<td>
<form name="tsform">
<p align="center">
<font face="Arial">Choisir un Pseudo :
<br>
<input type="text" name="NICKNAME"><br />
<input type="button" value="Se connecter" onClick="javascript:location.href='ts3server://ts.xxxxxxxxx.fr/?port=9987&channel=Accueil&nickname=' + tsform.NICKNAME.value">
</font>
</p>
</form>
</a>
</td>
</body>
</html>
这素文字工作的罚款,如果你点击,但我想点击并按下回车键
我修改:
input type="button" value="Se connecter"
到
input type="submit" value="Se connecter"
只能在FireFox上工作,不能在IE和Chrome上工作
你有什么想法吗?
答
action属性添加到窗体标签:
<form name="tsform" action="javascript:location.href='ts3server://ts.xxxxxxxxx.fr/?port=9987&channel=Accueil&nickname=' + tsform.NICKNAME.value">
答
按Enter键将提交表单,但因为没有采取行动(如URL)提交没有做任何事情。我会利用默认的表单行为,并将URL添加到表单元素上的action属性以及设置方法(例如get)。然后将2个默认值(端口和通道)添加到隐藏的输入。
此外,而不是附加一个onClick事件监听器的按钮,我会使用提交按钮,这将触发提交按下输入相同的表单提交。
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<td>
<form name="tsform" action="ts3server://ts.xxxxxxxxx.fr/" method="get">
<input type="hidden" name="port" value="9987">
<input type="hidden" name="channel" value="Accueil">
<p align="center">
<font face="Arial">Choisir un Pseudo :
<br>
<input type="text" name="nickname">
<br />
<input type="submit" value="Se connecter" />
</font>
</p>
</form>
</a>
</td>
</body>
</html>
答
一个我会建议使用一个提交按钮只是很多比的onClick那么烦人,而且已经修改了形式使它更清洁,很容易看到(也我离开你的<br />
标签,但我建议你不要使用他们和使用CSS代替)
<td>
<form name="tsform"action="ts3server://ts.xxxxxxxxx.fr/"method="get">
<input type="hidden" name="port" value="9987"><input type="hidden" name="channel" value="Accueil">
<p align="center">
<font face="Arial">Choisir un Pseudo :
<br>
<input type="text" name="NICKNAME">
<br />
<input type="submit" value="Se connecter" />
</font>
</p>
</form>
</a>
</td>
英语可能不是你的第一语言,但你应该尝试把更多的工作到你的问题的语法,这样说你的HTML监听于'onClick'事件。你需要告诉它听听点击和keydowns – benbot 2014-10-22 00:54:33