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

Question

I designed this form, and when I try to fill out the input fields(name,phone,email) it won't let me click to fill out unless I move cursor towards the end of the field(which most people will not do). Also, the submit button won't show pointer for submitting unless I move the cursor just below it.

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

Thank you in advance for your help.

Answer 1

There is problem with your signup now layer. Change this

 grid_4 alpha signUp

to this

`grid_2 alpha signUp`