<form-template> <fields><field type="text" subtype="text" required="true" label="First name" className="form-control" name="first-name"></field><field type="text" subtype="text" required="true" label="Last name" className="form-control" name="last-name"></field><field type="text" subtype="text" required="true" label="Email" className="form-control" name="email"></field> <field type="header" subtype="h2" label="Questions for your trip"/> <field type="text" label="Where would you like to go?" description="If you're not sure just give me a few destinations you're considering." placeholder="ex: Texas" name="destination" subtype="text" className="form-control"/> <field type="date" label="When would you like to depart?" description="This just gives me a general idea of when you like to go; it can be changed later." name="starting-at" className="form-control"/> <field type="date" label="When would you like to return?" description="This just gives me a general idea of when you like to return; it can be changed later." name="ending-at" className="form-control"/> <field type="checkbox-group" label="Are your dates flexible?" name="dates-flexible"> <option label="Yes" value="yes">Yes</option> </field> <field type="text" label="What is your departure city?" description="Where will you be flying from?" name="departure-city" subtype="text" className="form-control"/> <field type="number" label="How many travelers?" name="number-of-travelers" min="1" max="99" className="form-control"/> <field type="radio-group" label="What is your budget for all travelers?" description="This just gives me a general starting point and can always be changed later." name="budget"> <option label="$1,500 to $2,500" value="1500-2500">$1,500 to $2,500</option> <option label="$2,500 to $4,500" value="2500-4500">$2,500 to $4,500</option> <option label="$4,500 to $6,500" value="4500-6500">$4,500 to $6,500</option> <option label="$6,500 to $8,500" value="6500-8500">$6,500 to $8,500</option> <option label="$8,500 to $10,000" value="8500-10000">$8,500 to $10,000</option> <option label="$10,000+" value="10000">$10,000+</option> </field> <field type="radio-group" label="What best describes your hotel preference?" name="hotel-preference" other="true"> <option label="Value" value="value">Value</option> <option label="Moderate" value="moderate">Moderate</option> <option label="Luxury" value="luxury">Luxury</option> <option label="Boutique" value="boutique">Boutique</option> </field> <field type="text" label="Do you have pets with you? Please tell us what type and how many." description="ex. dog, cat" name="do-you-have-pets-with-you-please-tell-us-what-type-and-how-many" subtype="text" className="form-control"/> <field type="textarea" label="What else would you like me to know?" description="What else would you like me to know about your travelers budget and/or travel preferences?" name="notes" subtype="textarea" className="form-control"/> </fields> </form-template>
submit form