JSFiddle - React, Tailwind, and code Playground

by hslincoln

HTML

<!-- Working example of newsletter hack for Aylin -->


<div class="emailSignup">
    <ul class="newsletter">
        <li>
            <label for="emailsignup"><a class="join-us">SIGN UP TO OUR NEWSLETTER</a>
            </label>
        </li>
        <li>
            <form onsubmit="validateEmail(document.emailsonly1,'Please enter a valid email address'); return false;" method="get" action="http://jmldirect.uat.venda.com/bin/venda" name="emailsonly1">
                <input type="hidden" value="co_disp-view" name="ex">
                <input type="hidden" value="shop" name="bsref">
                <input type="hidden" value="signupforemails" name="page">
                <input type="hidden" name="gender">
                <input type="text" onfocus="if (this.value=='Your email...') {this.value=''};" class="txtSignUp" value="Your email..." size="10" id="emailsignup" name="email">
                <input type="image" id="btnSignUpGirl" src="/content/ebiz/shop/resources/images/spacer.gif" class="buttonSignUpGirl" id="btnSignUpGirl" onclick="emailsonly1['gender'].value = 1;">
                <input type="image" id="btnSignUpBoy" src "/content/ebiz/shop/resources/images/spacer.gif" class="buttonSignUpBoy" id="btnSignUpBoy" onclick="emailsonly1['gender'].value = 2;">
                <input type="image" value="" class="buttonSignUp" src="/content/ebiz/shop/resources/images/spacer.gif" id="btnSignUp">
            </form>
        </li>
    </ul>
</div>