Can't input text into my form

I'm creating a form for a client's website - not live, so can't send you a link and I'm using the CSS option. Here is the code:

<!-- CSS -->

<style type="text/css">
span.label,span.spacer,span.multiple span {width:50px;float:left;}
span.multiple {float:left;}
span.button {padding:50px;}
div.clear {clear:both;padding-top:5px;}
</style>

<!-- Form -->

<form action="http://eskymo.createsend.com/t/r/s/uuujlh/" method="post" id="subForm">
<div>
  <span class="label"><label for="name">Name:</label></span>
  <span><input type="text" name="cm-name" id="name" size="25" /></span>
</div>
<div>
<span class="label">
<label for="uuujlh-uuujlh">Email:</label>
</span>
<span><input type="text" name="cm-uuujlh-uuujlh" id="uuujlh-uuujlh" size="25" /></span>
</div>
<div>

</div>
<div>
<span class="button"><input type="submit" value="Subscribe" /></span>
</div>
</form>

When I test the page locally I can't input any text into either of the input fields. Why?
If I use the plain form code (unstyled):

<form action="http://eskymo.createsend.com/t/r/s/uuujlh/" method="post" id="subForm">
<div>
<label for="name">Name:</label><br /><input type="text" name="cm-name" id="name" /><br />
<label for="uuujlh-uuujlh">Email:</label><br /><input type="text" name="cm-uuujlh-uuujlh" id="uuujlh-uuujlh" /><br />

<input type="submit" value="Subscribe" />
</div>
</form>

It works fine.
Any help much appreciated.

Also is there a way to add vallidation to the form?

davidaf davidaf, 6 years ago

Hi Eskymo,

Sorry for the delayed response. It appears the problem is with this line in the code:
span.button {padding:50px;}

If you remove that or reduce the padding it works fine. I think the extra padding must be overlaying the form elements, preventing them from being clickable.


The Campaign Monitor Blog – HTML email smarts to go with your good looks

200,000 companies around the world can't be wrong.

From Australia to Zimbabwe, and everywhere in between, companies count on 
Campaign Monitor for email campaigns that drive real business results.

Get started for free
1-888-533-8098