Skip to content

Instantly share code, notes, and snippets.

@aprohl5
Created January 21, 2015 20:14
Show Gist options
  • Save aprohl5/323be61ff467d1d6436e to your computer and use it in GitHub Desktop.
Save aprohl5/323be61ff467d1d6436e to your computer and use it in GitHub Desktop.
example msk yaml form
<div class="node__content">
<form id="yamlform-100248" class="yamlform" enctype="multipart/form-data" action="/test-form/form" method="post" accept-charset="UTF-8">
<details id="edit-contact-information" class="form-wrapper" open="open"><summary role="button" aria-controls="edit-contact-information" aria-expanded aria-expanded>Contact Information</summary><div class="details-wrapper"><div class="form-item form-type-textfield form-item-first-name">
<label for="edit-first-name" class="form-required">First Name</label>
<input type="text" id="edit-first-name" name="first_name" value="" size="60" maxlength="255" class="form-text required" required="required" aria-required="true" />
</div>
<div class="form-item form-type-textfield form-item-last-name">
<label for="edit-last-name" class="form-required">Last Name</label>
<input type="text" id="edit-last-name" name="last_name" value="" size="60" maxlength="255" class="form-text required" required="required" aria-required="true" />
</div>
<div class="form-item form-type-tel form-item-phone-number">
<label for="edit-phone-number" class="form-required">Phone</label>
<input type="tel" id="edit-phone-number" name="phone_number" value="" size="30" maxlength="128" class="form-tel required" required="required" aria-required="true" />
</div>
<div class="form-item form-type-email form-item-email-address">
<label for="edit-email-address" class="form-required">E-mail</label>
<input type="email" id="edit-email-address" name="email_Address" value="" size="60" maxlength="254" class="form-email required" required="required" aria-required="true" />
</div>
<div class="form-item form-type-textfield form-item-address-line-1">
<label for="edit-address-line-1" class="form-required">Address line 1</label>
<input type="text" id="edit-address-line-1" name="address_line_1" value="" size="60" maxlength="255" class="form-text required" required="required" aria-required="true" />
</div>
<div class="form-item form-type-textfield form-item-address-line-2">
<label for="edit-address-line-2">Address line 2</label>
<input type="text" id="edit-address-line-2" name="address_line_2" value="" size="60" maxlength="255" class="form-text" />
</div>
<div class="form-item form-type-textfield form-item-address-line-3">
<label for="edit-address-line-3">Address line 3</label>
<input type="text" id="edit-address-line-3" name="address_line_3" value="" size="60" maxlength="255" class="form-text" />
</div>
<div class="form-item form-type-select form-item-state">
<label for="edit-state" class="form-required">State</label>
<select id="edit-state" name="state" class="form-select required" required="required" aria-required="true"><option value="" selected="selected">- None -</option><option value="Alabama">Alabama</option><option value="Alaska">Alaska</option><option value="Arizona">Arizona</option><option value="Arkansas">Arkansas</option><option value="California">California</option><option value="Colorado">Colorado</option><option value="Connecticut">Connecticut</option><option value="Delaware">Delaware</option><option value="District of Columbia">District of Columbia</option><option value="Florida">Florida</option><option value="Georgia">Georgia</option><option value="Hawaii">Hawaii</option><option value="Idaho">Idaho</option><option value="Illinois">Illinois</option><option value="Indiana">Indiana</option><option value="Iowa">Iowa</option><option value="Kansas">Kansas</option><option value="Kentucky">Kentucky</option><option value="Louisiana">Louisiana</option><option value="Maine">Maine</option><option value="Maryland">Maryland</option><option value="Massachusetts">Massachusetts</option><option value="Michigan">Michigan</option><option value="Minnesota">Minnesota</option><option value="Mississippi">Mississippi</option><option value="Missouri">Missouri</option><option value="Montana">Montana</option><option value="Nebraska">Nebraska</option><option value="Nevada">Nevada</option><option value="New Hampshire">New Hampshire</option><option value="New Jersey">New Jersey</option><option value="New Mexico">New Mexico</option><option value="New York">New York</option><option value="North Carolina">North Carolina</option><option value="North Dakota">North Dakota</option><option value="Ohio">Ohio</option><option value="Oklahoma">Oklahoma</option><option value="Oregon">Oregon</option><option value="Pennsylvania">Pennsylvania</option><option value="Rhode Island">Rhode Island</option><option value="South Carolina">South Carolina</option><option value="South Dakota">South Dakota</option><option value="Tennessee">Tennessee</option><option value="Texas">Texas</option><option value="Utah">Utah</option><option value="Vermont">Vermont</option><option value="Virginia">Virginia</option><option value="Washington">Washington</option><option value="West Virginia">West Virginia</option><option value="Wisconsin">Wisconsin</option><option value="Wyoming">Wyoming</option></select>
</div>
<div class="form-item form-type-textfield form-item-city">
<label for="edit-city" class="form-required">City</label>
<input type="text" id="edit-city" name="city" value="" size="60" maxlength="255" class="form-text required" required="required" aria-required="true" />
</div>
<div class="form-item form-type-textfield form-item-zip-country-code">
<label for="edit-zip-country-code" class="form-required">Zip/Country code</label>
<input type="text" id="edit-zip-country-code" name="zip_country_code" value="" size="60" maxlength="255" class="form-text required" required="required" aria-required="true" />
</div>
<div class="form-item form-type-select form-item-country">
<label for="edit-country" class="form-required">Country</label>
<select id="edit-country" name="country" class="form-select required" required="required" aria-required="true"><option value="" selected="selected">- None -</option><option value="United States of America">United States of America</option><option value="Afghanistan">Afghanistan</option><option value="Albania">Albania</option><option value="Algeria">Algeria</option><option value="American Samoa">American Samoa</option><option value="Andorra">Andorra</option><option value="Angola">Angola</option><option value="Anguilla">Anguilla</option><option value="Antarctica">Antarctica</option><option value="Antigua and Barbuda">Antigua and Barbuda</option><option value="Argentina">Argentina</option><option value="Armenia">Armenia</option><option value="Aruba">Aruba</option><option value="Australia">Australia</option><option value="Austria">Austria</option><option value="Azerbaijan">Azerbaijan</option><option value="Bahamas">Bahamas</option><option value="Bahrain">Bahrain</option><option value="Bangladesh">Bangladesh</option><option value="Barbados">Barbados</option><option value="Belarus">Belarus</option><option value="Belgium">Belgium</option><option value="Belize">Belize</option><option value="Benin">Benin</option><option value="Bermuda">Bermuda</option><option value="Bhutan">Bhutan</option><option value="Bolivia">Bolivia</option><option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option><option value="Botswana">Botswana</option><option value="Bouvet Island">Bouvet Island</option><option value="Brazil">Brazil</option><option value="British Indian Ocean Territory">British Indian Ocean Territory</option><option value="British Virgin Islands">British Virgin Islands</option><option value="Brunei Darussalam">Brunei Darussalam</option><option value="Bulgaria">Bulgaria</option><option value="Burkina Faso">Burkina Faso</option><option value="Burundi">Burundi</option><option value="Cambodia">Cambodia</option><option value="Cameroon">Cameroon</option><option value="Canada">Canada</option><option value="Cape Verde">Cape Verde</option><option value="Cayman Islands">Cayman Islands</option><option value="Central African Republic">Central African Republic</option><option value="Chad">Chad</option><option value="Chile">Chile</option><option value="China">China</option><option value="Christmas Island">Christmas Island</option><option value="Cocos (Keeling Islands">Cocos (Keeling Islands</option><option value="Colombia">Colombia</option><option value="Comoros">Comoros</option><option value="Congo">Congo</option><option value="Cook Islands">Cook Islands</option><option value="Costa Rica">Costa Rica</option><option value="Cote D&#039;Ivoire">Cote D&#039;Ivoire</option><option value="Cuba">Cuba</option><option value="Cyprus">Cyprus</option><option value="Czech Republic">Czech Republic</option><option value="Denmark">Denmark</option><option value="Djibouti">Djibouti</option><option value="Dominica">Dominica</option><option value="Dominican Republic">Dominican Republic</option><option value="Ecuador">Ecuador</option><option value="Egypt">Egypt</option><option value="El Salvador">El Salvador</option><option value="Equatorial Guinea">Equatorial Guinea</option><option value="Eritrea">Eritrea</option><option value="Estonia">Estonia</option><option value="Ethiopia">Ethiopia</option><option value="Faeroe Islands">Faeroe Islands</option><option value="Falkland Islands">Falkland Islands</option><option value="Fiji the Fiji Islands">Fiji the Fiji Islands</option><option value="Finland">Finland</option><option value="France">France</option><option value="French Guiana">French Guiana</option><option value="French Polynesia">French Polynesia</option><option value="French Southern Territories">French Southern Territories</option><option value="Gabon">Gabon</option><option value="Gambia the">Gambia the</option><option value="Georgia">Georgia</option><option value="Germany">Germany</option><option value="Ghana">Ghana</option><option value="Gibraltar">Gibraltar</option><option value="Greece">Greece</option><option value="Greenland">Greenland</option><option value="Grenada">Grenada</option><option value="Guadaloupe">Guadaloupe</option><option value="Guam">Guam</option><option value="Guatemala">Guatemala</option><option value="Guinea">Guinea</option><option value="Guinea-Bissau">Guinea-Bissau</option><option value="Guyana">Guyana</option><option value="Haiti">Haiti</option><option value="Heard and McDonald Islands">Heard and McDonald Islands</option><option value="Holy See (Vatican City State">Holy See (Vatican City State</option><option value="Honduras">Honduras</option><option value="Hong Kong">Hong Kong</option><option value="Hrvatska (Croatia">Hrvatska (Croatia</option><option value="Hungary">Hungary</option><option value="Iceland">Iceland</option><option value="India">India</option><option value="Indonesia">Indonesia</option><option value="Iran">Iran</option><option value="Iraq">Iraq</option><option value="Ireland">Ireland</option><option value="Israel">Israel</option><option value="Italy">Italy</option><option value="Jamaica">Jamaica</option><option value="Japan">Japan</option><option value="Jordan">Jordan</option><option value="Kazakhstan">Kazakhstan</option><option value="Kenya">Kenya</option><option value="Kiribati">Kiribati</option><option value="Korea">Korea</option><option value="Kuwait">Kuwait</option><option value="Kyrgyz Republic">Kyrgyz Republic</option><option value="Lao People&#039;s Democratic Republic">Lao People&#039;s Democratic Republic</option><option value="Latvia">Latvia</option><option value="Lebanon">Lebanon</option><option value="Lesotho">Lesotho</option><option value="Liberia">Liberia</option><option value="Libyan Arab Jamahiriya">Libyan Arab Jamahiriya</option><option value="Liechtenstein">Liechtenstein</option><option value="Lithuania">Lithuania</option><option value="Luxembourg">Luxembourg</option><option value="Macao">Macao</option><option value="Macedonia">Macedonia</option><option value="Madagascar">Madagascar</option><option value="Malawi">Malawi</option><option value="Malaysia">Malaysia</option><option value="Maldives">Maldives</option><option value="Mali">Mali</option><option value="Malta">Malta</option><option value="Marshall Islands">Marshall Islands</option><option value="Martinique">Martinique</option><option value="Mauritania">Mauritania</option><option value="Mauritius">Mauritius</option><option value="Mayotte">Mayotte</option><option value="Mexico">Mexico</option><option value="Micronesia">Micronesia</option><option value="Moldova">Moldova</option><option value="Monaco">Monaco</option><option value="Mongolia">Mongolia</option><option value="Montserrat">Montserrat</option><option value="Morocco">Morocco</option><option value="Mozambique">Mozambique</option><option value="Myanmar">Myanmar</option><option value="Namibia">Namibia</option><option value="Nauru">Nauru</option><option value="Nepal">Nepal</option><option value="Netherlands">Netherlands</option><option value="Netherlands Antilles">Netherlands Antilles</option><option value="New Caledonia">New Caledonia</option><option value="New Zealand">New Zealand</option><option value="Nicaragua">Nicaragua</option><option value="Niger">Niger</option><option value="Nigeria">Nigeria</option><option value="Niue">Niue</option><option value="Norfolk Island">Norfolk Island</option><option value="Northern Mariana Islands">Northern Mariana Islands</option><option value="Norway">Norway</option><option value="Oman">Oman</option><option value="Pakistan">Pakistan</option><option value="Palau">Palau</option><option value="Palestinian Territory">Palestinian Territory</option><option value="Panama">Panama</option><option value="Papua New Guinea">Papua New Guinea</option><option value="Paraguay">Paraguay</option><option value="Peru">Peru</option><option value="Philippines">Philippines</option><option value="Pitcairn Island">Pitcairn Island</option><option value="Poland">Poland</option><option value="Portugal">Portugal</option><option value="Puerto Rico">Puerto Rico</option><option value="Qatar">Qatar</option><option value="Reunion">Reunion</option><option value="Romania">Romania</option><option value="Russian Federation">Russian Federation</option><option value="Rwanda">Rwanda</option><option value="Samoa">Samoa</option><option value="San Marino">San Marino</option><option value="Sao Tome and Principe">Sao Tome and Principe</option><option value="Saudi Arabia">Saudi Arabia</option><option value="Senegal">Senegal</option><option value="Serbia and Montenegro">Serbia and Montenegro</option><option value="Seychelles">Seychelles</option><option value="Sierra Leone">Sierra Leone</option><option value="Singapore">Singapore</option><option value="Slovakia">Slovakia</option><option value="Slovenia">Slovenia</option><option value="Solomon Islands">Solomon Islands</option><option value="Somalia">Somalia</option><option value="South Africa">South Africa</option><option value="South Georgia and the South Sandwich Islands">South Georgia and the South Sandwich Islands</option><option value="Spain">Spain</option><option value="Sri Lanka">Sri Lanka</option><option value="St. Helena">St. Helena</option><option value="St. Kitts and Nevis">St. Kitts and Nevis</option><option value="St. Lucia">St. Lucia</option><option value="St. Pierre and Miquelon">St. Pierre and Miquelon</option><option value="St. Vincent and the Grenadines">St. Vincent and the Grenadines</option><option value="Sudan the">Sudan the</option><option value="Suriname">Suriname</option><option value="Svalbard and Jan Mayen Islands">Svalbard and Jan Mayen Islands</option><option value="Swaziland">Swaziland</option><option value="Sweden">Sweden</option><option value="Switzerland">Switzerland</option><option value="Syrian Arab Republic">Syrian Arab Republic</option><option value="Taiwan">Taiwan</option><option value="Tajikistan">Tajikistan</option><option value="Tanzania">Tanzania</option><option value="Thailand">Thailand</option><option value="Timor-Leste">Timor-Leste</option><option value="Togo">Togo</option><option value="Tokelau">Tokelau</option><option value="Tonga">Tonga</option><option value="Trinidad and Tobago">Trinidad and Tobago</option><option value="Tunisia">Tunisia</option><option value="Turkey">Turkey</option><option value="Turkmenistan">Turkmenistan</option><option value="Turks and Caicos Islands">Turks and Caicos Islands</option><option value="Tuvalu">Tuvalu</option><option value="Uganda">Uganda</option><option value="Ukraine">Ukraine</option><option value="United Arab Emirates">United Arab Emirates</option><option value="United Kingdom of Great Britain and N. Ireland">United Kingdom of Great Britain and N. Ireland</option><option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option><option value="Uruguay">Uruguay</option><option value="US Virgin Islands">US Virgin Islands</option><option value="Uzbekistan">Uzbekistan</option><option value="Vanuatu">Vanuatu</option><option value="Venezuela">Venezuela</option><option value="Viet Nam">Viet Nam</option><option value="Wallis and Futuna Islands">Wallis and Futuna Islands</option><option value="Western Sahara">Western Sahara</option><option value="Yemen">Yemen</option><option value="Zambia">Zambia</option><option value="Zimbabwe">Zimbabwe</option></select>
</div>
</div>
</details>
<details id="edit-example-fieldset" class="form-wrapper" open="open"><summary role="button" aria-controls="edit-example-fieldset" aria-expanded aria-expanded>Example Fieldset</summary><div class="details-wrapper"><div class="form-item form-type-date form-item-date-field">
<label for="edit-date-field">Date field</label>
<input type="date" id="edit-date-field" name="date_field" class="form-date" />
</div>
<div id="edit-file-upload-upload-ajax-wrapper"><div class="form-item form-type-managed-file form-item-file-upload">
<label for="edit-file-upload-upload">File uplaod</label>
<div id="edit-file-upload-upload" class="form-managed-file">
<div id="edit-file-upload-upload-ajax-wrapper"><input type="file" id="edit-file-upload-upload" name="files[file_upload]" size="22" class="form-file" />
<input class="js-hide button form-submit" formnovalidate="formnovalidate" type="submit" id="edit-file-upload-upload-button" name="file_upload_upload_button" value="Upload" />
<input type="hidden" name="file_upload[fids]" />
</div>
</div>
</div>
</div><fieldset id="edit-radio-button--wrapper" class="fieldgroup form-composite form-item form-wrapper">
<legend>
<span class="fieldset-legend">Radio Button</span>
</legend>
<div class="fieldset-wrapper">
<div id="edit-radio-button" class="form-radios"><div class="form-item form-type-radio form-item-radio-button">
<input type="radio" id="edit-radio-button-1" name="radio_button" value="1" class="form-radio" />
<label for="edit-radio-button-1" class="option">Option 1</label>
</div>
<div class="form-item form-type-radio form-item-radio-button">
<input type="radio" id="edit-radio-button-2" name="radio_button" value="2" class="form-radio" />
<label for="edit-radio-button-2" class="option">Option 2</label>
</div>
<div class="form-item form-type-radio form-item-radio-button">
<input type="radio" id="edit-radio-button-3" name="radio_button" value="3" class="form-radio" />
<label for="edit-radio-button-3" class="option">Option 3</label>
</div>
<div class="form-item form-type-radio form-item-radio-button">
<input type="radio" id="edit-radio-button-4" name="radio_button" value="4" class="form-radio" />
<label for="edit-radio-button-4" class="option">Option 4</label>
</div>
</div>
</div>
</fieldset>
<fieldset id="edit-mailchimp-subscribe--wrapper" class="fieldgroup form-composite form-item form-wrapper">
<legend>
<span class="fieldset-legend">Mailchimp Subscribe</span>
</legend>
<div class="fieldset-wrapper">
<div id="edit-mailchimp-subscribe" class="form-checkboxes"><div class="form-item form-type-checkbox form-item-mailchimp-subscribe-yes">
<input type="checkbox" id="edit-mailchimp-subscribe-yes" name="mailchimp_subscribe[Yes]" value="Yes" class="form-checkbox" />
<label for="edit-mailchimp-subscribe-yes" class="option">Subscribe to newsletter</label>
</div>
</div>
</div>
</fieldset>
<div class="form-item form-type-textarea form-item-text-area-plain">
<label for="edit-text-area-plain">Plain text Area</label>
<div class="form-textarea-wrapper">
<textarea id="edit-text-area-plain" name="text_area_plain" rows="5" cols="60" class="form-textarea resize-vertical">The default value of the field</textarea>
</div>
</div>
<p>This is an area to highlight information to the user</p></div>
</details>
<details id="edit-biiling-info" class="form-wrapper" open="open"><summary role="button" aria-controls="edit-biiling-info" aria-expanded aria-expanded>Billing Information&#039;</summary><div class="details-wrapper"><div class="form-item form-type-textfield form-item-first-name-2">
<label for="edit-first-name-2" class="form-required">First Name</label>
<input type="text" id="edit-first-name-2" name="first_name_2" value="" size="60" maxlength="255" class="form-text required" required="required" aria-required="true" />
</div>
<div class="form-item form-type-textfield form-item-last-name-2">
<label for="edit-last-name-2" class="form-required">Last Name</label>
<input type="text" id="edit-last-name-2" name="last_name_2" value="" size="60" maxlength="255" class="form-text required" required="required" aria-required="true" />
</div>
<div class="form-item form-type-tel form-item-phone-number-2">
<label for="edit-phone-number-2" class="form-required">Phone</label>
<input type="tel" id="edit-phone-number-2" name="phone_number_2" value="" size="30" maxlength="128" class="form-tel required" required="required" aria-required="true" />
</div>
<div class="form-item form-type-email form-item-email-address-2">
<label for="edit-email-address-2" class="form-required">E-mail</label>
<input type="email" id="edit-email-address-2" name="email_Address_2" value="" size="60" maxlength="254" class="form-email required" required="required" aria-required="true" />
</div>
<div class="form-item form-type-textfield form-item-address-line-1-2">
<label for="edit-address-line-1-2" class="form-required">Address line 1</label>
<input type="text" id="edit-address-line-1-2" name="address_line_1_2" value="" size="60" maxlength="255" class="form-text required" required="required" aria-required="true" />
</div>
<div class="form-item form-type-textfield form-item-address-line-2-2">
<label for="edit-address-line-2-2">Address line 2</label>
<input type="text" id="edit-address-line-2-2" name="address_line_2_2" value="" size="60" maxlength="255" class="form-text" />
</div>
<div class="form-item form-type-textfield form-item-address-line-3-2">
<label for="edit-address-line-3-2">Address line 3</label>
<input type="text" id="edit-address-line-3-2" name="address_line_3_2" value="" size="60" maxlength="255" class="form-text" />
</div>
<div class="form-item form-type-select form-item-state-2">
<label for="edit-state-2" class="form-required">State</label>
<select id="edit-state-2" name="state_2" class="form-select required" required="required" aria-required="true"><option value="" selected="selected">- None -</option><option value="Alabama">Alabama</option><option value="Alaska">Alaska</option><option value="Arizona">Arizona</option><option value="Arkansas">Arkansas</option><option value="California">California</option><option value="Colorado">Colorado</option><option value="Connecticut">Connecticut</option><option value="Delaware">Delaware</option><option value="District of Columbia">District of Columbia</option><option value="Florida">Florida</option><option value="Georgia">Georgia</option><option value="Hawaii">Hawaii</option><option value="Idaho">Idaho</option><option value="Illinois">Illinois</option><option value="Indiana">Indiana</option><option value="Iowa">Iowa</option><option value="Kansas">Kansas</option><option value="Kentucky">Kentucky</option><option value="Louisiana">Louisiana</option><option value="Maine">Maine</option><option value="Maryland">Maryland</option><option value="Massachusetts">Massachusetts</option><option value="Michigan">Michigan</option><option value="Minnesota">Minnesota</option><option value="Mississippi">Mississippi</option><option value="Missouri">Missouri</option><option value="Montana">Montana</option><option value="Nebraska">Nebraska</option><option value="Nevada">Nevada</option><option value="New Hampshire">New Hampshire</option><option value="New Jersey">New Jersey</option><option value="New Mexico">New Mexico</option><option value="New York">New York</option><option value="North Carolina">North Carolina</option><option value="North Dakota">North Dakota</option><option value="Ohio">Ohio</option><option value="Oklahoma">Oklahoma</option><option value="Oregon">Oregon</option><option value="Pennsylvania">Pennsylvania</option><option value="Rhode Island">Rhode Island</option><option value="South Carolina">South Carolina</option><option value="South Dakota">South Dakota</option><option value="Tennessee">Tennessee</option><option value="Texas">Texas</option><option value="Utah">Utah</option><option value="Vermont">Vermont</option><option value="Virginia">Virginia</option><option value="Washington">Washington</option><option value="West Virginia">West Virginia</option><option value="Wisconsin">Wisconsin</option><option value="Wyoming">Wyoming</option></select>
</div>
<div class="form-item form-type-textfield form-item-city-2">
<label for="edit-city-2" class="form-required">City</label>
<input type="text" id="edit-city-2" name="city_2" value="" size="60" maxlength="255" class="form-text required" required="required" aria-required="true" />
</div>
<div class="form-item form-type-textfield form-item-zip-country-code-2">
<label for="edit-zip-country-code-2" class="form-required">Zip/Country code</label>
<input type="text" id="edit-zip-country-code-2" name="zip_country_code_2" value="" size="60" maxlength="255" class="form-text required" required="required" aria-required="true" />
</div>
<div class="form-item form-type-select form-item-country-2">
<label for="edit-country-2" class="form-required">Country</label>
<select id="edit-country-2" name="country_2" class="form-select required" required="required" aria-required="true"><option value="" selected="selected">- None -</option><option value="United States of America">United States of America</option><option value="Afghanistan">Afghanistan</option><option value="Albania">Albania</option><option value="Algeria">Algeria</option><option value="American Samoa">American Samoa</option><option value="Andorra">Andorra</option><option value="Angola">Angola</option><option value="Anguilla">Anguilla</option><option value="Antarctica">Antarctica</option><option value="Antigua and Barbuda">Antigua and Barbuda</option><option value="Argentina">Argentina</option><option value="Armenia">Armenia</option><option value="Aruba">Aruba</option><option value="Australia">Australia</option><option value="Austria">Austria</option><option value="Azerbaijan">Azerbaijan</option><option value="Bahamas">Bahamas</option><option value="Bahrain">Bahrain</option><option value="Bangladesh">Bangladesh</option><option value="Barbados">Barbados</option><option value="Belarus">Belarus</option><option value="Belgium">Belgium</option><option value="Belize">Belize</option><option value="Benin">Benin</option><option value="Bermuda">Bermuda</option><option value="Bhutan">Bhutan</option><option value="Bolivia">Bolivia</option><option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option><option value="Botswana">Botswana</option><option value="Bouvet Island">Bouvet Island</option><option value="Brazil">Brazil</option><option value="British Indian Ocean Territory">British Indian Ocean Territory</option><option value="British Virgin Islands">British Virgin Islands</option><option value="Brunei Darussalam">Brunei Darussalam</option><option value="Bulgaria">Bulgaria</option><option value="Burkina Faso">Burkina Faso</option><option value="Burundi">Burundi</option><option value="Cambodia">Cambodia</option><option value="Cameroon">Cameroon</option><option value="Canada">Canada</option><option value="Cape Verde">Cape Verde</option><option value="Cayman Islands">Cayman Islands</option><option value="Central African Republic">Central African Republic</option><option value="Chad">Chad</option><option value="Chile">Chile</option><option value="China">China</option><option value="Christmas Island">Christmas Island</option><option value="Cocos (Keeling Islands">Cocos (Keeling Islands</option><option value="Colombia">Colombia</option><option value="Comoros">Comoros</option><option value="Congo">Congo</option><option value="Cook Islands">Cook Islands</option><option value="Costa Rica">Costa Rica</option><option value="Cote D&#039;Ivoire">Cote D&#039;Ivoire</option><option value="Cuba">Cuba</option><option value="Cyprus">Cyprus</option><option value="Czech Republic">Czech Republic</option><option value="Denmark">Denmark</option><option value="Djibouti">Djibouti</option><option value="Dominica">Dominica</option><option value="Dominican Republic">Dominican Republic</option><option value="Ecuador">Ecuador</option><option value="Egypt">Egypt</option><option value="El Salvador">El Salvador</option><option value="Equatorial Guinea">Equatorial Guinea</option><option value="Eritrea">Eritrea</option><option value="Estonia">Estonia</option><option value="Ethiopia">Ethiopia</option><option value="Faeroe Islands">Faeroe Islands</option><option value="Falkland Islands">Falkland Islands</option><option value="Fiji the Fiji Islands">Fiji the Fiji Islands</option><option value="Finland">Finland</option><option value="France">France</option><option value="French Guiana">French Guiana</option><option value="French Polynesia">French Polynesia</option><option value="French Southern Territories">French Southern Territories</option><option value="Gabon">Gabon</option><option value="Gambia the">Gambia the</option><option value="Georgia">Georgia</option><option value="Germany">Germany</option><option value="Ghana">Ghana</option><option value="Gibraltar">Gibraltar</option><option value="Greece">Greece</option><option value="Greenland">Greenland</option><option value="Grenada">Grenada</option><option value="Guadaloupe">Guadaloupe</option><option value="Guam">Guam</option><option value="Guatemala">Guatemala</option><option value="Guinea">Guinea</option><option value="Guinea-Bissau">Guinea-Bissau</option><option value="Guyana">Guyana</option><option value="Haiti">Haiti</option><option value="Heard and McDonald Islands">Heard and McDonald Islands</option><option value="Holy See (Vatican City State">Holy See (Vatican City State</option><option value="Honduras">Honduras</option><option value="Hong Kong">Hong Kong</option><option value="Hrvatska (Croatia">Hrvatska (Croatia</option><option value="Hungary">Hungary</option><option value="Iceland">Iceland</option><option value="India">India</option><option value="Indonesia">Indonesia</option><option value="Iran">Iran</option><option value="Iraq">Iraq</option><option value="Ireland">Ireland</option><option value="Israel">Israel</option><option value="Italy">Italy</option><option value="Jamaica">Jamaica</option><option value="Japan">Japan</option><option value="Jordan">Jordan</option><option value="Kazakhstan">Kazakhstan</option><option value="Kenya">Kenya</option><option value="Kiribati">Kiribati</option><option value="Korea">Korea</option><option value="Kuwait">Kuwait</option><option value="Kyrgyz Republic">Kyrgyz Republic</option><option value="Lao People&#039;s Democratic Republic">Lao People&#039;s Democratic Republic</option><option value="Latvia">Latvia</option><option value="Lebanon">Lebanon</option><option value="Lesotho">Lesotho</option><option value="Liberia">Liberia</option><option value="Libyan Arab Jamahiriya">Libyan Arab Jamahiriya</option><option value="Liechtenstein">Liechtenstein</option><option value="Lithuania">Lithuania</option><option value="Luxembourg">Luxembourg</option><option value="Macao">Macao</option><option value="Macedonia">Macedonia</option><option value="Madagascar">Madagascar</option><option value="Malawi">Malawi</option><option value="Malaysia">Malaysia</option><option value="Maldives">Maldives</option><option value="Mali">Mali</option><option value="Malta">Malta</option><option value="Marshall Islands">Marshall Islands</option><option value="Martinique">Martinique</option><option value="Mauritania">Mauritania</option><option value="Mauritius">Mauritius</option><option value="Mayotte">Mayotte</option><option value="Mexico">Mexico</option><option value="Micronesia">Micronesia</option><option value="Moldova">Moldova</option><option value="Monaco">Monaco</option><option value="Mongolia">Mongolia</option><option value="Montserrat">Montserrat</option><option value="Morocco">Morocco</option><option value="Mozambique">Mozambique</option><option value="Myanmar">Myanmar</option><option value="Namibia">Namibia</option><option value="Nauru">Nauru</option><option value="Nepal">Nepal</option><option value="Netherlands">Netherlands</option><option value="Netherlands Antilles">Netherlands Antilles</option><option value="New Caledonia">New Caledonia</option><option value="New Zealand">New Zealand</option><option value="Nicaragua">Nicaragua</option><option value="Niger">Niger</option><option value="Nigeria">Nigeria</option><option value="Niue">Niue</option><option value="Norfolk Island">Norfolk Island</option><option value="Northern Mariana Islands">Northern Mariana Islands</option><option value="Norway">Norway</option><option value="Oman">Oman</option><option value="Pakistan">Pakistan</option><option value="Palau">Palau</option><option value="Palestinian Territory">Palestinian Territory</option><option value="Panama">Panama</option><option value="Papua New Guinea">Papua New Guinea</option><option value="Paraguay">Paraguay</option><option value="Peru">Peru</option><option value="Philippines">Philippines</option><option value="Pitcairn Island">Pitcairn Island</option><option value="Poland">Poland</option><option value="Portugal">Portugal</option><option value="Puerto Rico">Puerto Rico</option><option value="Qatar">Qatar</option><option value="Reunion">Reunion</option><option value="Romania">Romania</option><option value="Russian Federation">Russian Federation</option><option value="Rwanda">Rwanda</option><option value="Samoa">Samoa</option><option value="San Marino">San Marino</option><option value="Sao Tome and Principe">Sao Tome and Principe</option><option value="Saudi Arabia">Saudi Arabia</option><option value="Senegal">Senegal</option><option value="Serbia and Montenegro">Serbia and Montenegro</option><option value="Seychelles">Seychelles</option><option value="Sierra Leone">Sierra Leone</option><option value="Singapore">Singapore</option><option value="Slovakia">Slovakia</option><option value="Slovenia">Slovenia</option><option value="Solomon Islands">Solomon Islands</option><option value="Somalia">Somalia</option><option value="South Africa">South Africa</option><option value="South Georgia and the South Sandwich Islands">South Georgia and the South Sandwich Islands</option><option value="Spain">Spain</option><option value="Sri Lanka">Sri Lanka</option><option value="St. Helena">St. Helena</option><option value="St. Kitts and Nevis">St. Kitts and Nevis</option><option value="St. Lucia">St. Lucia</option><option value="St. Pierre and Miquelon">St. Pierre and Miquelon</option><option value="St. Vincent and the Grenadines">St. Vincent and the Grenadines</option><option value="Sudan the">Sudan the</option><option value="Suriname">Suriname</option><option value="Svalbard and Jan Mayen Islands">Svalbard and Jan Mayen Islands</option><option value="Swaziland">Swaziland</option><option value="Sweden">Sweden</option><option value="Switzerland">Switzerland</option><option value="Syrian Arab Republic">Syrian Arab Republic</option><option value="Taiwan">Taiwan</option><option value="Tajikistan">Tajikistan</option><option value="Tanzania">Tanzania</option><option value="Thailand">Thailand</option><option value="Timor-Leste">Timor-Leste</option><option value="Togo">Togo</option><option value="Tokelau">Tokelau</option><option value="Tonga">Tonga</option><option value="Trinidad and Tobago">Trinidad and Tobago</option><option value="Tunisia">Tunisia</option><option value="Turkey">Turkey</option><option value="Turkmenistan">Turkmenistan</option><option value="Turks and Caicos Islands">Turks and Caicos Islands</option><option value="Tuvalu">Tuvalu</option><option value="Uganda">Uganda</option><option value="Ukraine">Ukraine</option><option value="United Arab Emirates">United Arab Emirates</option><option value="United Kingdom of Great Britain and N. Ireland">United Kingdom of Great Britain and N. Ireland</option><option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option><option value="Uruguay">Uruguay</option><option value="US Virgin Islands">US Virgin Islands</option><option value="Uzbekistan">Uzbekistan</option><option value="Vanuatu">Vanuatu</option><option value="Venezuela">Venezuela</option><option value="Viet Nam">Viet Nam</option><option value="Wallis and Futuna Islands">Wallis and Futuna Islands</option><option value="Western Sahara">Western Sahara</option><option value="Yemen">Yemen</option><option value="Zambia">Zambia</option><option value="Zimbabwe">Zimbabwe</option></select>
</div>
</div>
</details>
<details id="edit-credit-card-info" class="form-wrapper" open="open"><summary role="button" aria-controls="edit-credit-card-info" aria-expanded aria-expanded>Credit Card Information</summary><div class="details-wrapper"><div class="form-item form-type-select form-item-type-of-card">
<label for="edit-type-of-card">Type of Card</label>
<select id="edit-type-of-card" name="type_of_card" class="form-select"><option value="" selected="selected">- Select -</option><option value="visa">Visa</option><option value="mastercard">MasterCard</option><option value="amex">American Express</option></select>
</div>
<div class="form-item form-type-number form-item-card-number">
<label for="edit-card-number" class="form-required">Card number</label>
<input type="number" id="edit-card-number" name="card_number" value="" step="1" class="form-number required" required="required" aria-required="true" />
</div>
<div class="form-item form-type-number form-item-civ-number">
<label for="edit-civ-number" class="form-required">Civ number</label>
<input type="number" id="edit-civ-number" name="civ_number" value="" step="1" class="form-number required" required="required" aria-required="true" />
</div>
<div class="markupInHereCouldBeAnything"><h2>What is a CIV number?</h2><p> The CIV number is the last <strong>3 or 4 digit number</strong> located on the signature panel...</p><img src="http://placekitten.com/g/300/210" /></div><div class="form-item form-type-date form-item-exp-date">
<label for="edit-exp-date" class="form-required">Expiration date</label>
<input type="date" id="edit-exp-date" name="exp_date" class="form-date required" required="required" aria-required="true" />
</div>
</div>
</details>
<input type="submit" id="edit-actions-submit" name="op" value="Submit" class="button form-submit" />
<input type="hidden" name="form_build_id" value="form-WD0F-vjfF7sg8KzvXQfPkuyUFEeSNzujvUEihyq93W0" />
<input type="hidden" name="form_token" value="rGTgYL4F__UOW1hTYEyhhPa21jAYG0O03LXmpfNkjKo" />
<input type="hidden" name="form_id" value="yamlform_submission_form" />
</form>
<!-- MSK TEMPLATES CONTENT -->
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment