Rename form fields

This commit is contained in:
Remi Rampin 2022-05-12 18:32:40 -04:00
parent c1f8de26fc
commit 2c636d7ff3
1 changed files with 9 additions and 9 deletions

View File

@ -9,33 +9,33 @@
<div class="container px-5 my-5">
<form id="contactForm" data-sb-form-api-token="API_TOKEN">
<div class="mb-3">
<label class="form-label" for="fullName">Full name</label>
<input class="form-control" id="fullName" type="text" placeholder="Full name" data-sb-validations="required" />
<label class="form-label" for="name">Full name</label>
<input class="form-control" id="name" name="name" type="text" placeholder="Full name" data-sb-validations="required" />
<div class="invalid-feedback" data-sb-feedback="fullName:required">Full name is required.</div>
</div>
<div class="mb-3">
<label class="form-label" for="emailAddress">Email address</label>
<input class="form-control" id="emailAddress" type="email" placeholder="Email address" data-sb-validations="required,email" />
<label class="form-label" for="email">Email address</label>
<input class="form-control" id="email" name="email" type="email" placeholder="Email address" data-sb-validations="required,email" />
<div class="invalid-feedback" data-sb-feedback="emailAddress:required">Email address is required.</div>
<div class="invalid-feedback" data-sb-feedback="emailAddress:email">Email address Email is not valid.</div>
</div>
<div class="mb-3">
<label class="form-label" for="whatWouldYouLikeToDiscuss">What would you like to discuss?</label>
<textarea class="form-control" id="whatWouldYouLikeToDiscuss" placeholder="What would you like to discuss?" style="height: 10rem;" data-sb-validations="required"></textarea>
<label class="form-label" for="topic">What would you like to discuss?</label>
<textarea class="form-control" id="topic" name="topic" placeholder="What would you like to discuss?" style="height: 10rem;" data-sb-validations="required"></textarea>
<div class="invalid-feedback" data-sb-feedback="whatWouldYouLikeToDiscuss:required">What would you like to discuss? is required.</div>
</div>
<div class="mb-3">
<label class="form-label d-block">Which day and time works best for us to meet on Zoom?</label>
<div class="form-check form-check-inline">
<input class="form-check-input" id="optionA" type="radio" name="whichDayAndTimeWorksBestForUsToMeetOnZoom" data-sb-validations="" />
<input class="form-check-input" id="optionA" type="radio" name="date" data-sb-validations="" />
<label class="form-check-label" for="optionA">option A</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" id="optionB" type="radio" name="whichDayAndTimeWorksBestForUsToMeetOnZoom" data-sb-validations="" />
<input class="form-check-input" id="optionB" type="radio" name="date" data-sb-validations="" />
<label class="form-check-label" for="optionB">option B</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" id="optionC" type="radio" name="whichDayAndTimeWorksBestForUsToMeetOnZoom" data-sb-validations="" />
<input class="form-check-input" id="optionC" type="radio" name="date" data-sb-validations="" />
<label class="form-check-label" for="optionC">option C</label>
</div>
</div>