Code:

<form id="s2member-pro-authnet-checkout-form" class="s2member-pro-authnet-form s2member-pro-authnet-checkout-form" method="post" action="%%action%%">
   
   <!-- Response Section ( this is auto-filled after form submission ). -->
   <div id="s2member-pro-authnet-checkout-form-response-section" class="s2member-pro-authnet-form-section s2member-pro-authnet-checkout-form-section s2member-pro-authnet-form-response-section s2member-pro-authnet-checkout-form-response-section">
      <div id="s2member-pro-authnet-checkout-form-response-div" class="s2member-pro-authnet-form-div s2member-pro-authnet-checkout-form-div s2member-pro-authnet-form-response-div s2member-pro-authnet-checkout-form-response-div">
         %%response%%
      </div>
      <div style="clear:both;"></div>
   </div>
   
   <!-- Checkout Description ( this is the desc="" attribute from your Shortcode. ) -->
   <div id="s2member-pro-authnet-checkout-form-description-section" class="s2member-pro-authnet-form-section s2member-pro-authnet-checkout-form-section s2member-pro-authnet-form-description-section s2member-pro-authnet-checkout-form-description-section">
      <div id="s2member-pro-authnet-checkout-form-description-div" class="s2member-pro-authnet-form-div s2member-pro-authnet-checkout-form-div s2member-pro-authnet-form-description-div s2member-pro-authnet-checkout-form-description-div">
         %%description%%
      </div>
      <div style="clear:both;"></div>
   </div>
   
   <!-- Coupon Code ( this will ONLY be displayed if your Shortcode has this attribute: accept_coupons="1" ) -->
   <div id="s2member-pro-authnet-checkout-form-coupon-section" class="s2member-pro-authnet-form-section s2member-pro-authnet-checkout-form-section s2member-pro-authnet-form-coupon-section s2member-pro-authnet-checkout-form-coupon-section">
      <div id="s2member-pro-authnet-checkout-form-coupon-section-title" class="s2member-pro-authnet-form-section-title s2member-pro-authnet-checkout-form-section-title s2member-pro-authnet-form-coupon-section-title s2member-pro-authnet-checkout-form-coupon-section-title">
         Coupon Code
      </div>
      <div id="s2member-pro-authnet-checkout-form-coupon-response-div" class="s2member-pro-authnet-form-div s2member-pro-authnet-checkout-form-div s2member-pro-authnet-form-coupon-response-div s2member-pro-authnet-checkout-form-coupon-response-div">
         %%coupon_response%% <!-- A Coupon response ( w/Discounts ) will be displayed here; based on the Coupon Code that was entered. -->
      </div>
      <div id="s2member-pro-authnet-checkout-form-coupon-div" class="s2member-pro-authnet-form-div s2member-pro-authnet-checkout-form-div s2member-pro-authnet-form-coupon-div s2member-pro-authnet-checkout-form-coupon-div">
         <label id="s2member-pro-authnet-checkout-form-coupon-label" class="s2member-pro-authnet-form-coupon-label s2member-pro-authnet-checkout-form-coupon-label">
            <span>Have a Coupon Code? ( please enter it here )</span><br />
            <input type="text" maxlength="100" name="s2member_pro_authnet_checkout[coupon]" id="s2member-pro-authnet-checkout-coupon" class="s2member-pro-authnet-coupon s2member-pro-authnet-checkout-coupon" value="%%coupon_value%%" tabindex="1" />
         </label>
         <input type="button" id="s2member-pro-authnet-checkout-coupon-apply" class="s2member-pro-authnet-coupon-apply s2member-pro-authnet-checkout-coupon-apply" value="Apply Coupon" tabindex="-1" />
      </div>
      <div style="clear:both;"></div>
   </div>
   
   <!-- Registration Details ( Name, Email, Username, Password ). -->
   <div id="s2member-pro-authnet-checkout-form-registration-section" class="s2member-pro-authnet-form-section s2member-pro-authnet-checkout-form-section s2member-pro-authnet-form-registration-section s2member-pro-authnet-checkout-form-registration-section">
      <div id="s2member-pro-authnet-checkout-form-registration-section-title" class="s2member-pro-authnet-form-section-title s2member-pro-authnet-checkout-form-section-title s2member-pro-authnet-form-registration-section-title s2member-pro-authnet-checkout-form-registration-section-title">
         Create Profile
      </div>
      <div id="s2member-pro-authnet-checkout-form-first-name-div" class="s2member-pro-authnet-form-div s2member-pro-authnet-checkout-form-div s2member-pro-authnet-form-first-name-div s2member-pro-authnet-checkout-form-first-name-div">
         <label id="s2member-pro-authnet-checkout-form-first-name-label" class="s2member-pro-authnet-form-first-name-label s2member-pro-authnet-checkout-form-first-name-label">
            <span>First Name *</span><br />
            <input aria-required="true" type="text" maxlength="100" name="s2member_pro_authnet_checkout[first_name]" id="s2member-pro-authnet-checkout-first-name" class="s2member-pro-authnet-first-name s2member-pro-authnet-checkout-first-name" value="%%first_name_value%%" tabindex="10" />
         </label>
      </div>
      <div id="s2member-pro-authnet-checkout-form-last-name-div" class="s2member-pro-authnet-form-div s2member-pro-authnet-checkout-form-div s2member-pro-authnet-form-last-name-div s2member-pro-authnet-checkout-form-last-name-div">
         <label id="s2member-pro-authnet-checkout-form-last-name-label" class="s2member-pro-authnet-form-last-name-label s2member-pro-authnet-checkout-form-last-name-label">
            <span>Last Name *</span><br />
            <input aria-required="true" type="text" maxlength="100" name="s2member_pro_authnet_checkout[last_name]" id="s2member-pro-authnet-checkout-last-name" class="s2member-pro-authnet-last-name s2member-pro-authnet-checkout-last-name" value="%%last_name_value%%" tabindex="20" />
         </label>
      </div>
      <div id="s2member-pro-authnet-checkout-form-email-div" class="s2member-pro-authnet-form-div s2member-pro-authnet-checkout-form-div s2member-pro-authnet-form-email-div s2member-pro-authnet-checkout-form-email-div">
         <label id="s2member-pro-authnet-checkout-form-email-label" class="s2member-pro-authnet-form-email-label s2member-pro-authnet-checkout-form-email-label">
            <span>Email Address *</span><br />
            <input aria-required="true" data-expected="email" type="text" maxlength="100" name="s2member_pro_authnet_checkout[email]" id="s2member-pro-authnet-checkout-email" class="s2member-pro-authnet-email s2member-pro-authnet-checkout-email" value="%%email_value%%" tabindex="30" />
         </label>
      </div>
      <div id="s2member-pro-authnet-checkout-form-username-div" class="s2member-pro-authnet-form-div s2member-pro-authnet-checkout-form-div s2member-pro-authnet-form-username-div s2member-pro-authnet-checkout-form-username-div">
         <label id="s2member-pro-authnet-checkout-form-username-label" class="s2member-pro-authnet-form-username-label s2member-pro-authnet-checkout-form-username-label">
            <span>Create a username*</span><br />
            <input aria-required="true" type="text" maxlength="60" autocomplete="off" name="s2member_pro_authnet_registration[username]" id="s2member-pro-authnet-registration-username" class="s2member-pro-authnet-username s2member-pro-authnet-registration-username" value="%%username_value%%" tabindex="40" />
         </label>
      </div>
      <div id="s2member-pro-authnet-registration-form-password-div" class="s2member-pro-authnet-form-div s2member-pro-authnet-registration-form-div s2member-pro-authnet-form-password-div s2member-pro-authnet-registration-form-password-div">
         <label id="s2member-pro-authnet-registration-form-password-label" class="s2member-pro-authnet-form-password-label s2member-pro-authnet-registration-form-password-label">
            <span>Create a password*</span><br />
            <input aria-required="true" type="password" maxlength="100" autocomplete="off" name="s2member_pro_authnet_registration[password1]" id="s2member-pro-authnet-registration-password1" class="s2member-pro-authnet-password1 s2member-pro-authnet-registration-password1" value="%%password1_value%%" tabindex="50" />
         </label>
      </div>   
      <div id="s2member-pro-authnet-registration-form-password-div" class="s2member-pro-authnet-form-div s2member-pro-authnet-registration-form-div s2member-pro-authnet-form-password-div s2member-pro-authnet-registration-form-password-div">
         <label id="s2member-pro-authnet-registration-form-password-label" class="s2member-pro-authnet-form-password-label s2member-pro-authnet-registration-form-password-label">
         <span>Confirm password*</span><br />
            <input type="password" maxlength="100" autocomplete="off" name="s2member_pro_authnet_registration[password2]" id="s2member-pro-authnet-registration-password2" class="s2member-pro-authnet-password2 s2member-pro-authnet-registration-password2" value="%%password2_value%%" tabindex="60" />
            </div>      
            <div style="clear:both;"></div>
   </div>
   
   <!-- Custom Fields ( Custom Registration Fields will appear here, when/if they've been configured. ) -->
   %%custom_fields%%
   
   <!-- Billing Method ( Customers can use a Credit/Debit card only ). -->
   <div id="s2member-pro-authnet-checkout-form-billing-method-section" class="s2member-pro-authnet-form-section s2member-pro-authnet-checkout-form-section s2member-pro-authnet-form-billing-method-section s2member-pro-authnet-checkout-form-billing-method-section">
      <div id="s2member-pro-authnet-checkout-form-billing-method-section-title" class="s2member-pro-authnet-form-section-title s2member-pro-authnet-checkout-form-section-title s2member-pro-authnet-form-billing-method-section-title s2member-pro-authnet-checkout-form-billing-method-section-title">
         Billing Method
      </div>
      <div id="s2member-pro-authnet-checkout-form-card-type-div" class="s2member-pro-authnet-form-div s2member-pro-authnet-checkout-form-div s2member-pro-authnet-form-card-type-div s2member-pro-authnet-checkout-form-card-type-div">
         %%card_type_options%%
      </div>
      <div id="s2member-pro-authnet-checkout-form-card-number-div" class="s2member-pro-authnet-form-div s2member-pro-authnet-checkout-form-div s2member-pro-authnet-form-card-number-div s2member-pro-authnet-checkout-form-card-number-div">
         <label id="s2member-pro-authnet-checkout-form-card-number-label" class="s2member-pro-authnet-form-card-number-label s2member-pro-authnet-checkout-form-card-number-label">
            <span>Card Number ( no dashes or spaces ) *</span><br />
            <input aria-required="true" type="text" maxlength="100" name="s2member_pro_authnet_checkout[card_number]" id="s2member-pro-authnet-checkout-card-number" class="s2member-pro-authnet-card-number s2member-pro-authnet-checkout-card-number" value="%%card_number_value%%" tabindex="210" />
         </label>
      </div>
      <div id="s2member-pro-authnet-checkout-form-card-expiration-div" class="s2member-pro-authnet-form-div s2member-pro-authnet-checkout-form-div s2member-pro-authnet-form-card-expiration-div s2member-pro-authnet-checkout-form-card-expiration-div">
         <label id="s2member-pro-authnet-checkout-form-card-expiration-label" class="s2member-pro-authnet-form-card-expiration-label s2member-pro-authnet-checkout-form-card-expiration-label">
            <span>Card Expiration Date ( mm/yyyy ) *</span><br />
            <input aria-required="true" type="text" maxlength="100" name="s2member_pro_authnet_checkout[card_expiration]" id="s2member-pro-authnet-checkout-card-expiration" class="s2member-pro-authnet-card-expiration s2member-pro-authnet-checkout-card-expiration" value="%%card_expiration_value%%" tabindex="220" />
         </label>
      </div>
      <div id="s2member-pro-authnet-checkout-form-card-verification-div" class="s2member-pro-authnet-form-div s2member-pro-authnet-checkout-form-div s2member-pro-authnet-form-card-verification-div s2member-pro-authnet-checkout-form-card-verification-div">
         <label id="s2member-pro-authnet-checkout-form-card-verification-label" class="s2member-pro-authnet-form-card-verification-label s2member-pro-authnet-checkout-form-card-verification-label">
            <span>Card Verification Code ( 3-4 digits ) *</span><br />
            <input aria-required="true" type="text" maxlength="100" name="s2member_pro_authnet_checkout[card_verification]" id="s2member-pro-authnet-checkout-card-verification" class="s2member-pro-authnet-card-verification s2member-pro-authnet-checkout-card-verification" value="%%card_verification_value%%" tabindex="230" />
         </label>
      </div>
      <!-- This is displayed only when Maestro®/Solo® cards are selected as the Payment Method. -->
      
      <div style="clear:both;"></div>
   </div>
   
   <!-- Billing Address ( hidden dynamically when/if no Payment Method is selected yet ). -->
   <div id="s2member-pro-authnet-checkout-form-billing-address-section" class="s2member-pro-authnet-form-section  s2member-pro-authnet-checkout-form-section s2member-pro-authnet-form-billing-address-section s2member-pro-authnet-checkout-form-billing-address-section">
      <div id="s2member-pro-authnet-checkout-form-billing-address-section-title" class="s2member-pro-authnet-form-section-title s2member-pro-authnet-checkout-form-section-title s2member-pro-authnet-form-billing-address-section-title s2member-pro-authnet-checkout-form-billing-address-section-title">
         Billing Address
      </div>
      <div id="s2member-pro-authnet-checkout-form-street-div" class="s2member-pro-authnet-form-div s2member-pro-authnet-checkout-form-div s2member-pro-authnet-form-street-div s2member-pro-authnet-checkout-form-street-div">
         <label id="s2member-pro-authnet-checkout-form-street-label" class="s2member-pro-authnet-form-street-label s2member-pro-authnet-checkout-form-street-label">
            <span>Street Address *</span><br />
            <input aria-required="true" type="text" maxlength="100" name="s2member_pro_authnet_checkout[street]" id="s2member-pro-authnet-checkout-street" class="s2member-pro-authnet-street s2member-pro-authnet-checkout-street" value="%%street_value%%" tabindex="300" />
         </label>
      </div>
      <div id="s2member-pro-authnet-checkout-form-city-div" class="s2member-pro-authnet-form-div s2member-pro-authnet-checkout-form-div s2member-pro-authnet-form-city-div s2member-pro-authnet-checkout-form-city-div">
         <label id="s2member-pro-authnet-checkout-form-city-label" class="s2member-pro-authnet-form-city-label s2member-pro-authnet-checkout-form-city-label">
            <span>City / Town *</span><br />
            <input aria-required="true" type="text" maxlength="100" name="s2member_pro_authnet_checkout[city]" id="s2member-pro-authnet-checkout-city" class="s2member-pro-authnet-city s2member-pro-authnet-checkout-city" value="%%city_value%%" tabindex="310" />
         </label>
      </div>
      <div id="s2member-pro-authnet-checkout-form-state-div" class="s2member-pro-authnet-form-div s2member-pro-authnet-checkout-form-div s2member-pro-authnet-form-state-div s2member-pro-authnet-checkout-form-state-div">
         <label id="s2member-pro-authnet-checkout-form-state-label" class="s2member-pro-authnet-form-state-label s2member-pro-authnet-checkout-form-state-label">
            <span>State / Province *</span><br />
            <input aria-required="true" type="text" maxlength="100" name="s2member_pro_authnet_checkout[state]" id="s2member-pro-authnet-checkout-state" class="s2member-pro-authnet-state s2member-pro-authnet-checkout-state" value="%%state_value%%" tabindex="320" />
         </label>
      </div>
      <div id="s2member-pro-authnet-checkout-form-country-div" class="s2member-pro-authnet-form-div s2member-pro-authnet-checkout-form-div s2member-pro-authnet-form-country-div s2member-pro-authnet-checkout-form-country-div">
         <label id="s2member-pro-authnet-checkout-form-country-label" class="s2member-pro-authnet-form-country-label s2member-pro-authnet-checkout-form-country-label">
            <span>Country *</span><br />
            <select aria-required="true" name="s2member_pro_authnet_checkout[country]" id="s2member-pro-authnet-checkout-country" class="s2member-pro-authnet-country s2member-pro-authnet-checkout-country" tabindex="330">
               %%country_options%%
            </select>
         </label>
      </div>
      <div id="s2member-pro-authnet-checkout-form-zip-div" class="s2member-pro-authnet-form-div s2member-pro-authnet-checkout-form-div s2member-pro-authnet-form-zip-div s2member-pro-authnet-checkout-form-zip-div">
         <label id="s2member-pro-authnet-checkout-form-zip-label" class="s2member-pro-authnet-form-zip-label s2member-pro-authnet-checkout-form-zip-label">
            <span>Postal / Zip Code *</span><br />
            <input aria-required="true" type="text" maxlength="100" name="s2member_pro_authnet_checkout[zip]" id="s2member-pro-authnet-checkout-zip" class="s2member-pro-authnet-zip s2member-pro-authnet-checkout-zip" value="%%zip_value%%" tabindex="340" />
         </label>
      </div>
      <div id="s2member-pro-authnet-checkout-form-ajax-tax-div" class="s2member-pro-authnet-form-div s2member-pro-authnet-checkout-form-div s2member-pro-authnet-form-ajax-tax-div s2member-pro-authnet-checkout-form-ajax-tax-div">
         <!-- Sales Tax will be displayed here via Ajax; based on state, country, and/or zip code range. -->
      </div>
      <div style="clear:both;"></div>
   </div>
   
   <!-- Captcha ( A reCaptcha section, with a required security code will appear here; if captcha="1". ) -->
   %%captcha%%
   
   <!-- Checkout Now ( this holds the submit button, and also some dynamic hidden input variables ) -->
   <div id="s2member-pro-authnet-checkout-form-submission-section" class="s2member-pro-authnet-form-section s2member-pro-authnet-checkout-form-section s2member-pro-authnet-form-submission-section s2member-pro-authnet-checkout-form-submission-section">
      <div id="s2member-pro-authnet-checkout-form-submission-section-title" class="s2member-pro-authnet-form-section-title s2member-pro-authnet-checkout-form-section-title s2member-pro-authnet-checkout-form-submission-section-title">
         Checkout Securely
      </div>
      %%opt_in%% <!-- s2Member will fill this when/if there are list servers integrated, and the Opt-In Box is turned on. -->
      <div id="s2member-pro-authnet-checkout-form-submit-div" class="s2member-pro-authnet-form-div s2member-pro-authnet-checkout-form-div s2member-pro-authnet-form-submit-div s2member-pro-authnet-checkout-form-submit-div">
         %%hidden_inputs%% <!-- Auto-filled by the s2Member software. Do NOT remove this under any circumstance. -->
         <input type="submit" id="s2member-pro-authnet-checkout-submit" class="s2member-pro-authnet-submit s2member-pro-authnet-checkout-submit" value="Start your membership" tabindex="510" />
      </div>
      <div style="clear:both;"></div>
   </div>
</form>

Statistics: Posted by sixagency — May 12th, 2011, 6:22 pm

Statistics: Posted by Cristián Lávaque — May 12th, 2011, 5:53 pm

Statistics: Posted by sixagency — May 12th, 2011, 4:42 pm

Statistics: Posted by sixagency — May 12th, 2011, 2:07 pm