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:

Join 150,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free