Php Can';t在Firefox中单击输入

Php Can';t在Firefox中单击输入,php,html,css,forms,input,Php,Html,Css,Forms,Input,我在这里有一个表单,由于某些原因,在Firefox中我无法在输入中单击-在任何其他浏览器中都可以正常工作。有人知道问题是什么吗 谢谢 <form method="post" id="adduser" class="user-forms" action="http://<?php echo $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']; ?>"> <p class="form-us

我在这里有一个表单,由于某些原因,在Firefox中我无法在输入中单击-在任何其他浏览器中都可以正常工作。有人知道问题是什么吗

谢谢

<form method="post" id="adduser" class="user-forms" action="http://<?php echo $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']; ?>">



                <p class="form-username">
                    <label for="user_name"><?php _e('Username (required)', 'frontendprofile'); ?></label>
                    <input class="text-input" name="user_name" type="text" id="user_name" value="<?php if ( $error ) echo esc_html( $_POST['user_name'], 1 ); ?>" />
                </p><!-- .form-username -->

 <p class="last_name">
                    <label for="first_name"><?php _e('First Name', 'frontendprofile'); ?></label>
                    <input class="text-input" name="first_name" type="text" id="first_name" value="<?php if ( $error ) echo esc_html( $_POST['first_name'], 1 ); ?>" />
                </p><!-- .last_name -->
                <p class="last_name">
                    <label for="last_name"><?php _e('Last Name', 'frontendprofile'); ?></label>
                    <input class="text-input" name="last_name" type="text" id="last_name" value="<?php if ( $error ) echo esc_html( $_POST['last_name'], 1 ); ?>" />
                </p><!-- .last_name -->



                <p class="form-email">
                    <label for="email"><?php _e('E-mail (required)', 'frontendprofile'); ?></label>
                    <input class="text-input" name="email" type="text" id="email" value="<?php if ( $error ) echo esc_html( $_POST['email'], 1 ); ?>" />
                </p><!-- .form-email -->



            </form>

第7行上
您应该删除整行,它的内容如下:

<center><a href="http://style-card.co.uk/id" border="0"><img src="http://style-card.co.uk/id/wp-content/uploads/2013/03/sclogo.jpg" border="0"></center>


您应该将开始表单标记从
第142行
移动到
第153行
,这应该可以解决您的问题

您的填充规则导致了问题(第69行):


因为输入有一个固定的高度,这个规则实际上是关闭了可点击的区域,混淆了Firefox

就我所见,HTML缺少所有
input
字段的右括号。也许可以先纠正一下?或者简而言之,
您有一些额外的结束标记:div和pWhy您会在这里复制浏览器中呈现的内容吗?复制你的实际代码。通过validator.w3.org运行你的代码,你会发现你的页面上有几个(我想是30个)HTML错误。很可能其中一个正在破坏它。什么版本的Firefox?我用你的代码创建了一个小提琴(),它在Firefox 21中对我有效,尽管有额外的

&谢谢,但是移动表单开始标记没有任何区别,删除第7行会从站点中删除徽标。你可以将徽标代码从
标题
中移动到
标题
标记中。我想补充一点,也许您可以使用类似于
padding:5px
的方法,删除输入上的高度,以获得相同的结果。
.style-profile textarea, .style-profile input[type="text"] {
    padding: 17px !important;
}