Javascript 按钮不像镀铬的_Javascript_Html_Google Chrome_Firefox

Javascript 按钮不像镀铬的

javascript html google-chrome firefox

Javascript 按钮不像镀铬的,javascript,html,google-chrome,firefox,Javascript,Html,Google Chrome,Firefox,您好，我对这个html脚本没有什么问题： <!DOCTYPE html> <html> <body> <td> <form name="tsform"> <p align="center"> <font face="Arial">Choisir un Pseudo : <br> <input type="text" n

您好，我对这个html脚本没有什么问题：

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

到

而且只能在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）。然后将两个默认值（端口和通道）添加到隐藏输入

此外，我不会将onClick事件侦听器附加到按钮上，而是使用提交按钮，该按钮将触发与按enter键相同的表单提交

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



联合国秘书长：

我建议使用submit按钮，这比onClick要简单得多，并且修改了表单，使其更干净、更容易查看（我还保留了您的

标记，但我建议您不要使用它们，而是使用css）



联合国秘书长：

英语可能不是你的第一语言，但你应该尝试在问题的语法上多做一些工作，也就是说，你的html只听

onClick

事件。你需要告诉它去听点击和按键。我使用你的代码，它工作得很好，非常感谢

<form name="tsform" action="javascript:location.href='ts3server://ts.xxxxxxxxx.fr/?port=9987&channel=Accueil&nickname=' + tsform.NICKNAME.value">

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

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