vicky
/
calendar-booking
forked from remi/calendar-booking
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Remove startbootstrap.com HTML

This commit is contained in:
Remi Rampin 2022-05-12 23:31:12 -04:00
parent dcf3a571d5
commit db4cb67757
1 changed files with 7 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
form.html
View File

@ -7,48 +7,34 @@
<body>
<div class="container px-5 my-5">
<form id="contactForm" data-sb-form-api-token="API_TOKEN">
<form id="contactForm">
<div class="mb-3">
<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>
<input class="form-control" id="name" name="name" type="text" placeholder="Full name" />
</div>
<div class="mb-3">
<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>
<input class="form-control" id="email" name="email" type="email" placeholder="Email address" />
</div>
<div class="mb-3">
<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>
<textarea class="form-control" id="topic" name="topic" placeholder="What would you like to discuss?" style="height: 10rem;"></textarea>
</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="date" data-sb-validations="" />
<input class="form-check-input" id="optionA" type="radio" name="date" />
<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="date" data-sb-validations="" />
<input class="form-check-input" id="optionB" type="radio" name="date" />
<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="date" data-sb-validations="" />
<input class="form-check-input" id="optionC" type="radio" name="date" />
<label class="form-check-label" for="optionC">option C</label>
</div>
</div>
<div class="d-none" id="submitSuccessMessage">
<div class="text-center mb-3">
<div class="fw-bolder">Form submission successful!</div>
<p>To activate this form, sign up at</p>
<a href="https://startbootstrap.com/solution/contact-forms">https://startbootstrap.com/solution/contact-forms</a>
</div>
</div>
<div class="d-none" id="submitErrorMessage">
<div class="text-center text-danger mb-3">Error sending message!</div>
</div>
<div class="d-grid">
<button class="btn btn-primary btn-lg disabled" id="submitButton" type="submit">Submit</button>
</div>