表单精简

master
candice 2 years ago
parent f07a776020
commit c3e5a39247

@ -1174,7 +1174,7 @@
src="https://data.asiahighlights.com/pic/logo-ah.png" alt="Asiahighlights logo"
class="asiahighlightslogo img-responsive" style="height: 70px;"></a>
<h1>
Enjoy a Personalized & Stress-free Journey with Asia Highlights
Enjoy a Personalized & Stress-free Journey
</h1>
</div>
</header>
@ -1293,8 +1293,8 @@ right: 5px;">
</div>
<div class="selectionBlock">
<p style="margin-bottom: 5px; margin-top: 30px;">Let us know here if you'd like to visit any other
places not listed above, e.g. South Korea, Myanmar…</p>
<p style="margin-bottom: 5px; margin-top: 30px;">Any other
countries or cities not listed above, e.g. South Korea, Myanmar…</p>
<input name="other_destinations" style="height: 35px;
width: 92%;
@ -1366,9 +1366,7 @@ right: 5px;">
<h3 id="travelGroupHeader">
<em>*</em> How would you travel?
</h3>
<span class="formNote">Please select 'Family' / 'Couple' even if you are traveling with other
families/couples, as this will help us tailor your itinerary to your specific family/couple
requirements.</span>
<div id="group_error_msg" class="hidden">(Please
select at least one option.)</div>
<div class="genderSelection">
@ -1385,12 +1383,7 @@ right: 5px;">
Couple
</label>
</div>
<div class="checkboxGender">
<input type="radio" value="friends" id="Friends" name="travel_group">
<label for="Friends" class="friends">
Friends
</label>
</div>
<div class="checkboxGender">
<input type="radio" value="group" id="Other" name="travel_group">
<label for="Other" class="group">
@ -1500,10 +1493,6 @@ right: 5px;">
<em>*</em> What's your hotel choice?
</h3>
<span class="formNote">
Japan and Singapore are renowned for relatively higher hotel costs compared to other Asian
destinations.
</span>
<div id="hotel_error_msg" class="hidden">(Please select
one option. It can be changed later.)</div>
<div class="selectHotl">
@ -1531,7 +1520,7 @@ right: 5px;">
<label for="fiveStar" class="hotelText">
Deluxe<br> (5-star &amp; up)
<div class="selectionMemo">
USD 200+ / night
From USD 200+ / night
</div>
</label>
</div>
@ -1554,99 +1543,13 @@ right: 5px;">
<textarea id="hotel_requirements" name="hotel_requirements" style="resize:none;"></textarea>
</div>
</div>
<div id="inquiryBox">
<div class="selectionBlock">
<h3>This is a big trip for:</h3>
<div class="travelStyle" id="trip4Retirement">
<input type="checkbox" value="Enjoying retirement" id="enjoying retirement" name="interests[]">
<label for="enjoying retirement" data-clickable="">
<div class="smallTag">
<div class="styleText">Enjoying retirement</div>
</div>
</label>
</div>
<div class="travelStyle" id="annual">
<input type="checkbox" value="Annual vacation" id="vacation" name="interests[]">
<label for="vacation" data-clickable="">
<div class="smallTag">
<div class="styleText">Annual vacation</div>
</div>
</label>
</div>
<div class="travelStyle" id="gift">
<input type="checkbox" value="Retirement gift" id="Retirement gift" name="interests[]">
<label for="Retirement gift" data-clickable="">
<div class="smallTag">
<div class="styleText">Retirement gift</div>
</div>
</label>
</div>
<div class="travelStyle" id="trip4Birthday">
<input type="checkbox" value="Birthday" id="Birthday" name="interests[]">
<label for="Birthday" data-clickable="">
<div class="smallTag">
<div class="styleText">Birthday</div>
</div>
</label>
</div>
<div class="travelStyle" id="trip4Anniversary" style="display: none">
<input type="checkbox" value="Anniversary" id="Anniversary" name="interests[]">
<label for="Anniversary" data-clickable="">
<div class="smallTag">
<div class="styleText">Anniversary</div>
</div>
</label>
</div>
<div class="travelStyle" id="trip4Honeymoon" style="display: none">
<input type="checkbox" value="Honeymoon" id="Honeymoon" name="interests[]">
<label for="Honeymoon" data-clickable="">
<div class="smallTag">
<div class="styleText">Honeymoon</div>
</div>
</label>
</div>
<div class="travelStyle" id="trip4Graduation" style="display: none">
<input type="checkbox" value="Graduation" id="Graduation" name="interests[]">
<label for="Graduation" data-clickable="">
<div class="smallTag">
<div class="styleText">Graduation</div>
</div>
</label>
</div>
<div class="travelStyle" id="trip4Business" style="display: none">
<input type="checkbox" value="Business" id="Business" name="interests[]">
<label for="Business" data-clickable="">
<div class="smallTag">
<div class="styleText">Business</div>
</div>
</label>
</div>
<div class="travelStyle" id="friend" style="display: none">
<input type="checkbox" value="Visiting family/friend" id="Visiting friend" name="interests[]">
<label for="Visiting friend" data-clickable="">
<div class="smallTag">
<div class="styleText">Visiting family/friend</div>
</div>
</label>
</div>
</div>
</div>
<div id="inquiryBox">
<h3 id="TellUsaboutYou">
<em>*</em> Your contact information
</h3>
<span class="formNote">By using WhatsApp, we can provide a more interactive and personalized experience,
allowing us to cater to your needs and address any concerns in real-time.<br> We will keep your
phone number and other data secure. See our <a href="/privacy" target="_blank"
style="color: #000; text-decoration:none;"><em>Privacy Policy</em></a>.</span>
<span id="name_error_msg" class="hidden">(Please fill out this
field.)</span>
@ -1983,7 +1886,57 @@ margin-right: 10px;
<h3>
<em>*</em> Any additional information you'd like to share about your trip?
</h3>
<div class="travelStyle" id="gift">
<input type="checkbox" value="Retirement gift" id="Retirement gift" name="interests[]">
<label for="Retirement gift" data-clickable="">
<div class="smallTag">
<div class="styleText">Retirement gift</div>
</div>
</label>
</div>
<div class="travelStyle" id="trip4Birthday">
<input type="checkbox" value="Birthday" id="Birthday" name="interests[]">
<label for="Birthday" data-clickable="">
<div class="smallTag">
<div class="styleText">Birthday</div>
</div>
</label>
</div>
<div class="travelStyle" id="trip4Anniversary" style="display: none">
<input type="checkbox" value="Anniversary" id="Anniversary" name="interests[]">
<label for="Anniversary" data-clickable="">
<div class="smallTag">
<div class="styleText">Anniversary</div>
</div>
</label>
</div>
<div class="travelStyle" id="trip4Honeymoon" style="display: none">
<input type="checkbox" value="Honeymoon" id="Honeymoon" name="interests[]">
<label for="Honeymoon" data-clickable="">
<div class="smallTag">
<div class="styleText">Honeymoon</div>
</div>
</label>
</div>
<div class="travelStyle" id="trip4Graduation" style="display: none">
<input type="checkbox" value="Graduation" id="Graduation" name="interests[]">
<label for="Graduation" data-clickable="">
<div class="smallTag">
<div class="styleText">Graduation</div>
</div>
</label>
</div>
<div class="travelStyle" id="friend" style="display: none">
<input type="checkbox" value="Visiting family/friend" id="Visiting friend" name="interests[]">
<label for="Visiting friend" data-clickable="">
<div class="smallTag">
<div class="styleText">Visiting family/friend</div>
</div>
</label>
</div>
<span class="formNote">E.g.: <br>
1. This is a big trip for my husband's birthday, our 20-year anniversary, honeymoon,
retirement, kid's graduation, bucket list…<br>
@ -2219,7 +2172,6 @@ margin-right: 10px;
trip4Map.set('Couple', [$trip4Anniversary, $trip4Birthday, $trip4Retirement, $trip4Honeymoon, $trip4Bucket, $annual, $gift, $friend]);
trip4Map.set('Solo', [$trip4Anniversary, $trip4Birthday, $trip4Retirement, $trip4Business, $trip4Bucket, $annual, $gift, $friend]);
trip4Map.set('Other', [$trip4Bucket, $trip4Birthday, $trip4Retirement, $trip4Graduation, $trip4Business, $gift]);
trip4Map.set('Friends', [$trip4Bucket, $trip4Birthday, $trip4Retirement, $trip4Graduation, $gift]);
function showTrip4(travelGroup) {
$trip4Title.show();
for (const trip4List of trip4Map.values()) {

@ -172,16 +172,17 @@
#formBanner p {
text-align: center;
padding: 0 10px;
margin-bottom: -20px;
margin-bottom: -30px;
color: #fff;
text-shadow: 1px 1px 1px #000;
margin-top:0;
}
#formBanner h1 {
text-align: center;
font-size: 25px;
font-size: 21px;
font-family: 'Goudy Old Style';
margin-bottom: 15px;
margin-bottom: 0;
color: #fff;
text-shadow: 1px 1px 1px #000;
line-height: 28px;
@ -357,7 +358,7 @@
.checkboxLabel input[type="checkbox"]+label {
font-size: 20px;
padding: 5px 0;
padding: 0px 0;
border: 1px solid #d1d1d1;
border-radius: 4px;
display: block;
@ -366,7 +367,7 @@
color: #000;
height: 35px;
font-family: Calibri;
padding-top: 15px;
padding-top: 10px;
margin-bottom: 5px;
background: #fff;
}
@ -724,14 +725,14 @@
}
p {
font-size: 18px;
font-size: 17px;
line-height: 19px;
}
ul.InfoList li {
list-style: square;
margin-bottom: 2px;
font-size: 18px;
font-size: 17px;
}
ul.InfoList {
@ -908,10 +909,10 @@
<div id="formBanner">
<h1>
Enjoy a Personalized & Stress-free Journey with Asia Highlights
Enjoy a Personalized & Stress-free Journey
</h1>
<img class="img-responsive" alt="Asia Highlights' Trust Pilot rating" style="margin: 0px auto; display: block;"
src="https://data.asiahighlights.com/image/forms/ah-tm-form-tp-rating-mobile.png" width="170" height="95">
src="https://data.asiahighlights.com/image/forms/ah-tm-form-tp-rating-mobile.png" width="130" height="70">
<p>Take 3 minutes to inquire, and get a reply within 24 hours. <br>
The more details you share, the more suitable your initial itinerary and quote will be.
</p>
@ -969,8 +970,8 @@
</div>
<div class="selectionBlock">
<p style="margin-bottom: 10px; margin-top: 30px;">Let us know here if you'd like to visit any other
places not listed above, e.g. South Korea, Myanmar…</p>
<p style="margin-bottom: 10px; margin-top: 30px;">Any other
countries or cities not listed above, e.g. South Korea, Myanmar…</p>
<input name="other_destinations" style="
height: 35px;
width: 90%;
@ -1103,9 +1104,7 @@
<h3 id="travelGroupHeader">
<em>*</em> How would you travel?
</h3>
<span class="formNote">Please select 'Family' / 'Couple' even if you are traveling with other
families/couples, as this will help us tailor your itinerary to your specific family/couple
requirements.</span>
<div id="group_error_msg" class="hidden">(Please select an option.)</div>
<div class="travel_group">
<input type="radio" value="Family" id="Family" name="travel_group">
@ -1119,12 +1118,7 @@
Couple
</label>
</div>
<div class="travel_group">
<input type="radio" value="friends" id="Friends" name="travel_group">
<label for="Friends" class="friends">
Friends
</label>
</div>
<div class="travel_group">
<input type="radio" value="group" id="Other" name="travel_group">
<label for="Other" class="group">
@ -1239,10 +1233,7 @@
<h3 id="hotelselect">
<em>*</em> What's your hotel choice?
</h3>
<span class="formNote">
Japan and Singapore are renowned for relatively higher hotel costs compared to other Asian
destinations.
</span>
<div id="hotel_error_msg" class="hidden">(Please select an option.)</div>
<div class="optionLable">
@ -1273,7 +1264,7 @@
<div class="selectionText">
Deluxe (5-star & up)
<div class="selectionMemo">
USD 200+ / room / night
From USD 200+ / room / night
</div>
</div>
</label>
@ -1306,90 +1297,7 @@
style="height: 70px;"></textarea>
</div>
</div>
<div id="inquiryBox">
<div class="selectionBlock">
<h3>This is a big trip for:</h3>
<div class="travelStyle" id="trip4Retirement">
<input type="checkbox" value="Enjoying retirement" id="enjoying retirement" name="interests[]">
<label for="enjoying retirement" data-clickable>
<div class="smallTag">
<div class="styleText">Enjoying retirement</div>
</div>
</label>
</div>
<div class="travelStyle" id="annual">
<input type="checkbox" value="Annual vacation" id="vacation" name="interests[]">
<label for="vacation" data-clickable>
<div class="smallTag">
<div class="styleText">Annual vacation</div>
</div>
</label>
</div>
<div class="travelStyle" id="gift">
<input type="checkbox" value="Retirement gift" id="Retirement gift" name="interests[]">
<label for="Retirement gift" data-clickable>
<div class="smallTag">
<div class="styleText">Retirement gift</div>
</div>
</label>
</div>
<div class="travelStyle" id="trip4Birthday">
<input type="checkbox" value="Birthday" id="Birthday" name="interests[]">
<label for="Birthday" data-clickable>
<div class="smallTag">
<div class="styleText">Birthday</div>
</div>
</label>
</div>
<div class="travelStyle" id="trip4Anniversary" style='display: none'>
<input type="checkbox" value="Anniversary" id="Anniversary" name="interests[]">
<label for="Anniversary" data-clickable>
<div class="smallTag">
<div class="styleText">Anniversary</div>
</div>
</label>
</div>
<div class="travelStyle" id="trip4Honeymoon" style='display: none'>
<input type="checkbox" value="Honeymoon" id="Honeymoon" name="interests[]">
<label for="Honeymoon" data-clickable>
<div class="smallTag">
<div class="styleText">Honeymoon</div>
</div>
</label>
</div>
<div class="travelStyle" id="trip4Graduation" style='display: none'>
<input type="checkbox" value="Graduation" id="Graduation" name="interests[]">
<label for="Graduation" data-clickable>
<div class="smallTag">
<div class="styleText">Graduation</div>
</div>
</label>
</div>
<div class="travelStyle" id="trip4Business" style='display: none'>
<input type="checkbox" value="Business" id="Business" name="interests[]">
<label for="Business" data-clickable>
<div class="smallTag">
<div class="styleText">Business</div>
</div>
</label>
</div>
<div class="travelStyle" id="friend" style='display: none'>
<input type="checkbox" value="Visiting family/friend" id="Visiting friend" name="interests[]">
<label for="Visiting friend" data-clickable>
<div class="smallTag">
<div class="styleText">Visiting family/friend</div>
</div>
</label>
</div>
</div>
</div>
<div id="inquiryBox">
@ -1397,9 +1305,6 @@
<h3 id="TellUsaboutYou">
<em>*</em> Your contact information
</h3>
<span class="formNote" style="margin-bottom:20px;">By using WhatsApp, we can provide a more interactive
and personalized experience, allowing us to cater to your needs and address any concerns in
real-time.<br> We will keep your phone number and other data secure.</span>
<div id="name_error_msg" class="hidden">(Please fill out this field.)</div>
<div class="inputTerm">
@ -1732,6 +1637,61 @@ margin-right: 10px;
<h3>
<em>*</em> Any additional information you'd like to share about your trip?
</h3>
<div class="travelStyle" id="gift">
<input type="checkbox" value="Retirement gift" id="Retirement gift" name="interests[]">
<label for="Retirement gift" data-clickable>
<div class="smallTag">
<div class="styleText">Retirement gift</div>
</div>
</label>
</div>
<div class="travelStyle" id="trip4Birthday">
<input type="checkbox" value="Birthday" id="Birthday" name="interests[]">
<label for="Birthday" data-clickable>
<div class="smallTag">
<div class="styleText">Birthday</div>
</div>
</label>
</div>
<div class="travelStyle" id="trip4Anniversary" style='display: none'>
<input type="checkbox" value="Anniversary" id="Anniversary" name="interests[]">
<label for="Anniversary" data-clickable>
<div class="smallTag">
<div class="styleText">Anniversary</div>
</div>
</label>
</div>
<div class="travelStyle" id="trip4Honeymoon" style='display: none'>
<input type="checkbox" value="Honeymoon" id="Honeymoon" name="interests[]">
<label for="Honeymoon" data-clickable>
<div class="smallTag">
<div class="styleText">Honeymoon</div>
</div>
</label>
</div>
<div class="travelStyle" id="trip4Graduation" style='display: none'>
<input type="checkbox" value="Graduation" id="Graduation" name="interests[]">
<label for="Graduation" data-clickable>
<div class="smallTag">
<div class="styleText">Graduation</div>
</div>
</label>
</div>
<div class="travelStyle" id="friend" style='display: none'>
<input type="checkbox" value="Visiting family/friend" id="Visiting friend" name="interests[]">
<label for="Visiting friend" data-clickable>
<div class="smallTag">
<div class="styleText">Visiting family/friend</div>
</div>
</label>
</div>
<div id="requirement_error_msg" class="hidden">(Please specify your requests.)</div>
<span class="formNote">E.g.: <br>
<br>1. This is a big trip for my husband's birthday, our 20-year anniversary, honeymoon, retirement,
@ -1928,7 +1888,6 @@ margin-right: 10px;
trip4Map.set('Couple', [$trip4Anniversary, $trip4Birthday, $trip4Retirement, $trip4Honeymoon, $trip4Bucket, $annual, $gift, $friend]);
trip4Map.set('Solo', [$trip4Anniversary, $trip4Birthday, $trip4Retirement, $trip4Business, $trip4Bucket, $annual, $gift, $friend]);
trip4Map.set('Other', [$trip4Bucket, $trip4Birthday, $trip4Retirement, $trip4Graduation, $trip4Business, $gift]);
trip4Map.set('Friends', [$trip4Bucket, $trip4Birthday, $trip4Retirement, $trip4Graduation, $gift]);
function showTrip4(travelGroup) {
$trip4Title.show();
for (const trip4List of trip4Map.values()) {

Loading…
Cancel
Save