improved signup form markup

Hi guys.

Just wanted to post an alternative version of the signup form markup which I think is a little more sematically correct than the one provided within CM.

Change values as you see fit ;)

<!-- CSS -->
<style type="text/css" media="screen">   
    #subscription-form ul { margin:0;padding:0;list-style:none }
    #subscription-form li { margin:0 0 10px 0;padding:0 }
    #subscription-form label { float:left;width:100px;margin:0 10px 0 0 }
    #subscription-form .button { margin-left:110px }
<!-- FORM -->
<form action="<your form action here>" method="post" id="subscription-form">
        <legend>subscribe to our newsletter</legend>
            <li><label for="name">Name:</label><input type="text" name="cm-name" id="name" size="25" /></li>
            <li><label for="djjldd-djjldd">Email Address:</label><input type="text" name="cm-djjldd-djjldd" id="djjldd-djjldd" size="25" /></li>
            <li><input type="submit" value="Subscribe" class="button" /></li>

I have also used the CM AJAX subscription form and taken it a little further here.

You'll need the relevant files from the CM AJAX subscription form.

I'll package something up for everyone when I get a chance.

Hope you find it useful in the meantime.

Mathew Mathew, 7 years ago

Thanks Geeves,

Our default signup forms were create a while back, and could certainly be improved upon, we appreciate you providing this for people.

Definitely keep us up to date with that enhanced signup, we'd love to hear more.

Get in touch with us on Twitter:
We're also on Facebook:

See why 200,000 companies worldwide love Campaign Monitor.

From Australia to Zimbabwe, and everywhere in between, companies count on Campaign Monitor for email campaigns that boost the bottom line.

Get started for free