Php 主要表单输入字段和提交按钮问题

我设计了这个表单，当我尝试填写输入字段（姓名、电话、电子邮件）时，除非我将光标移到字段的末尾（大多数人不会这样做），否则它不会让我点击来填写。此外，提交按钮不会显示提交指针，除非我将光标移到它的正下方

     <div class="grid_4 alpha signUp">
     <img alt='Sign Up' data-src-base='images/' data-src-base2x='images/retina/' data-src='<480:sign_up_xsmall.png,
                                                                                           <768:sign_up_small.png,
                                                                                           <960:sign_up_medium.png,
                                                                                           >960:sign_up.png' />
     </div>



    <form id="myform" name="theform" class="group grid_4 omega" action="/index.php" method="POST">


      <p class="firstname">  
      <label for="myname">Name (Last, First):</label> 
      <br> 
      <input type="text" name="myname" class="name" id-"myname"  value:""/>
      </p>
                          <br>  
      <p class="mail">
      <label for="email">Email:</label> 
      <br>
      <input type="text" name="email" id="email"  value=""/>
      </P>
                          <br>
      <p class="telephone">
      <label for="phone">Phone:</label> 
      <br>
      <input type="text" name="phone" id="phone"  value=""/>
      </p>  
      <br>
      <p class="sub">
      <input type="submit" name="action" value="SUBMIT" alt="Submit" />
      </p>
    </form> 

960:sign_up.png'/>

姓名（姓、首）：






电邮：






电话：

---

提前感谢您的帮助。

现在注册层有问题。 改变这个

 grid_4 alpha signUp

对此

`grid_2 alpha signUp`

---

这里的问题在于

z-index

。带有

.alpha

类的div位于表单的一半上方。要解决这个问题，您可以做的是确保表单位于最顶端

我注意到您的表单id为

#myform

，因此您可以添加类似的内容

#myform {
  position: relative;
  z-index: 1000; 
}

编辑：这有点像黑客。

@Sankalp Srivastava的答案是正确的。

您的div和class=“grid_4 alpha注册”覆盖了表单的最左边部分。将宽度设置为稍小一点（我将其设置为100px，所有内容仍显示）

---

通过使用Chrome的“Inspect Element”功能，我可以很快看到这一点。右键单击要阻止的表单部分，单击Inspect Element并查看该div如何覆盖表单。如果将鼠标悬停在“元素”窗格中的块上，div将高亮显示，您将很容易看到问题。

查看源代码，您将发现您的

与

标记重叠。从css中减少宽度，它就会工作

---

如果您从该dic中删除了

grid_4

类，它将起作用

请在此处发布您的代码，而不是作为您网站的链接。如果有帮助，请选择正确答案。