html 改进的联系表格模板

Posted 2021-05-10

<?php 
/*
 * Template Name: Form
 */
?>
 
<?php get_header(); ?>
 
<div class="container">
	<?php $contactFormFields = get_fields(); ?>

	<div id="contact-form-single">
		<section>
			<div class="container">
				<h5 class="text-primary">Provide Your Contact Information</h5>
				<form>
					<div class="row">
						<div class="col-lg-6">
							<div class="form-group">
								<label for="firstName">First Name*</label>
								<input type="text" class="form-control" id="firstName" />
							</div>
						</div>
						<div class="col-lg-6">
							<div class="form-group">
								<label for="lastName">Last Name*</label>
								<input type="text" class="form-control" id="lastName" />
							</div>
						</div>
					</div>
					
					<div class="form-group">
						<label for="businessName">Business Name*</label>
						<input type="text" class="form-control" id="businessName">
					</div>
					
					<div class="form-group">
						<label for="bestNumberToContact">Best Number to Contact*</label>
						<input type="text" class="form-control" id="bestNumberToContact" />
					</div>
					
					<div class="form-group">
						<label for="email">Email Address*</label>
						<input type="text" class="form-control" id="email" />
					</div>
									
					<div class="form-group">
						<label for="businessLocation">Business Location*</label>
						<select name="businessLocation" class="custom-select" id="businessLocation">	
							<?php if (!empty($locations = $contactFormFields['business_locations'])) { ?>
	    						<?php foreach($locations as $location) { ?>
	    							<option value="<?= $location['emails'] ?>"><?= $location['location'] ?></option>
	    						<?php } ?>
							<?php } ?>
						</select>
					</div>
					
					<div class="form-group x-end-aligned">
						<button class="btn-primary btn">SUBMIT</button>
					</div>
				</form>
			</div>
		</section>
	</div>

</div>
 
<?php get_footer(); ?>