一页上有两个html表单;只能选择带有选项卡的第二个表单字段

一页上有两个html表单;只能选择带有选项卡的第二个表单字段,html,forms,Html,Forms,我有一张有两张表格的纸。我只能在一个表单的输入框内单击。对于另一个表单,我可以选择输入框,但仅当我使用tab时。还有什么我可以解决的吗?该网站是。仅供参考,以下是我的代码: <div class="login"> <h1>Email Login</h1> <form name="emaillogin" id="loginform" action="http://www.nspirelab.com:2095/login" m

我有一张有两张表格的纸。我只能在一个表单的输入框内单击。对于另一个表单,我可以选择输入框,但仅当我使用tab时。还有什么我可以解决的吗?该网站是。仅供参考,以下是我的代码:

<div class="login">
        <h1>Email Login</h1>
        <form name="emaillogin" id="loginform" action="http://www.nspirelab.com:2095/login" method="POST">
            <p>
                <label for="user">Email Address<br />
                <input class="input" id="user" name="user" type="text" value="" size="20" /></label>
            </p>
            <p>
                <label for="pass">Password<br />
                <input id="pass" name="pass" class="input" type="password" size="20" /></label>
            </p>
            <p class="submit">
                <input type="submit" class="button-primary" value="Log In" />
            </p>
        </form>
</div>
<div class="login">
    <h1>Site Login</h1>
    <form name="sitelogin" id="loginform" action="http://peakperformancecct.com/wp-login.php" method="post">                
        <p>
            <label for="user">Username<br />
            <input class="input" type="text" name="log" id="log" value="" size="20" /></label>
        </p>
        <p>
            <label for="pass">Password<br />
            <input class="input" type="password" name="pwd" id="pwd" size="20" /></label>
            </p>
        <p class="submit">  
            <input type="submit" name="submit" value="Log In" class="button-primary" />
        </p>
    </form> 
</div>

电子邮件登录

电子邮件地址

密码

网站登录 用户名

密码

第二个表单中的标签是第一个表单中输入的

单击标签将焦点发送到与其关联的输入

(由于输入在标签内,因此如果不单击标签,则无法单击输入)。

第二个表单中的标签是第一个表单中输入的

单击标签将焦点发送到与其关联的输入

(由于输入位于标签内,因此您不能在不单击标签的情况下单击输入)