I will post the form page as it ‘works’ in terms of the drop downs, hidden divs etc. It took me a long time to get it 'right and respond the way I wanted it to and so I would prefer to keep it as is if at all possible.
Right now it’s action is to go to another php page to process the data to email. I am sorry it is so long.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Land</title>
<link href="land.css" rel="stylesheet" type="text/css">
<style type="text/css">
a:link {
color: #2E2E2E;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #2E2E2E;
}
a:hover {
text-decoration: none;
color: #000000;
font-weight: 500;
}
<hr style="height:5px; visibility:hidden;" />
a:active {
text-decoration: none;
color: #2E2E2E;
}
</style>
<style type="text/css">
textarea {
font-size: 12;
font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
</style>
<!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.--><script>
var __adobewebfontsappname__="dreamweaver"
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
</script>
<script src="http://use.edgefonts.net/montserrat:n4:default;source-sans-pro:n2:default;basic:n4:default;bree-serif:n4:default;cabin:n4:default;convergence:n4:default;adamina:n4:default;alice:n4:default;droid-sans-mono:n4:default.js" type="text/javascript"></script>
<meta name="description" content="land is our business" />
<meta name="keywords" content="land" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
$("#divowner").hide();
$("#r1").click(function () {
$("#divowner").show();
});
$("#r2").click(function () {
$("#divowner").hide();
});
});
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
function landaccessfunction(){
getValue = document.getElementById("access").value;
if(getValue == "road"){
document.getElementById("roaddetails").style.display = "block";
document.getElementById("easementdetails").style.display = "none";
document.getElementById("noaccessdetails").style.display = "none";
}
if(getValue == "easement"){
document.getElementById("roaddetails").style.display = "none";
document.getElementById("easementdetails").style.display = "block";
document.getElementById("noaccessdetails").style.display = "none";
}
if(getValue == "noaccess"){
document.getElementById("roaddetails").style.display = "none";
document.getElementById("easementdetails").style.display = "none";
document.getElementById("noaccessdetails").style.display = "block";
}
if(getValue == "selectaccess"){
document.getElementById("roaddetails").style.display = "none";
document.getElementById("easementdetails").style.display = "none";
document.getElementById("noaccessdetails").style.display = "none";
}
} </script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
$("#tempaccessdetails").hide();
$("#tayes").click(function () {
$("#tempaccessdetails").show();
});
$("#tano").click(function () {
$("#tempaccessdetails").hide();
});
});
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
$("#percdetails").hide();
$("#yesperc").click(function () {
$("#percdetails").show();
});
$("#noperc").click(function () {
$("#percdetails").hide();
});
});
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
$("#surveydetails").hide();
$("#yessurvey").click(function () {
$("#surveydetails").show();
});
$("#nosurvey").click(function () {
$("#surveydetails").hide();
});
});
</script>
<script>src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
$("#electricdetails").hide();
$("#electriconland").click(function () {
$("#electricdetails").hide();
});
$("#adjacentelectric").click(function () {
$("#electricdetails").hide();
});
$("#noelectric").click(function () {
$("#electricdetails").show();
});
});
</script>
<script>src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
$("#altelectricdetails").hide();
$("#yesaltelectric").click(function () {
$("#altelectricdetails").show();
});
$("#noaltelectric").click(function () {
$("#altelectricdetails").hide();
});
});
</script>
<script>
$(document).ready(function () {
$("#welldetails").hide();
$("#municipalwateronland").click(function () {
$("#welldetails").hide();
});
$("#adjacentmunicipalwater").click(function () {
$("#welldetails").hide();
});
$("#well").click(function () {
$("#welldetails").show();
});
$("#nowater").click(function () {
$("#welldetails").hide();
});
});
</script>
<script>src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
$("#septicdetails").hide();
$("#sewerlineonland").click(function () {
$("#septicdetails").hide();
});
$("#adjacentsewerlines").click(function () {
$("#septicdetails").hide();
});
$("#septicsystem").click(function () {
$("#septicdetails").show();
});
$("#nosewer").click(function () {
$("#septicdetails").hide();
});
});
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
$("#futurezoningdetails").hide();
$("#yeschangezoning").click(function () {
$("#futurezoningdetails").show();
});
$("#nochangezoning").click(function () {
$("#futurezoningdetails").hide();
});
});
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
$("#restrictiondetails").hide();
$("#yesrestrictions").click(function () {
$("#restrictiondetails").show();
});
$("#norestrictions").click(function () {
$("#restrictiondetails").hide();
});
});
</script>
<script>
$(document).ready(function () {
$("#somefarmingdetails").hide();
$("#yesfarming").click(function () {
$("#somefarmingdetails").hide();
});
$("#somefarming").click(function () {
$("#somefarmingdetails").show();
});
$("#nofarming").click(function () {
$("#somefarmingdetails").hide();
});
});
</script>
</head>
<header></header>
<body bgcolor="#E8F1FD">
<section id="maincontent">
<div id="landinfo" align="left">
<p>
<span style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif">We are interested...</span></p>
<p>
Please fill out the form below. For general enquiries, please provide your basic details using this<span style="font-weight: 700"> <a href="contactus.php"><u style="font-style: italic">Contact Form</u></a></span>.)<br>
<br>
Thank you.<br>
<br>
</p>
</div>
<form method="post" id="landform" action="landformsend_mail.php">
<p style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: bold; font-weight: 300; font-size: large;">
<label for="Name">*Name:</label>
<input style="height:20px;font-size:12pt; name="Name" type="text" required="required" id="Name" form="landform" size="50" maxlength="80">
<br><br> Are you the legal owner?
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input type="radio" name="ifowner" id="r2" value="yesowner" form="landform" checked>Yes</label>
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input type="radio" name="ifowner" id="r1" value="noowner" form="landform" onClick="getResultsbyID("divowner")">No</label>
<div class="text" id="divowner" style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: large;">
Name of Legal Owner<br><input style="height:20px;font-size:12pt; name="actualowner" type="text" id="actualowner" form="landform" size="50">
</div>
<p style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: large;">
<label for="email">
*Email:</label>
<input style="height:20px;font-size:12pt; name="Email" type="email" required="required" id="email" form="landform" size="40" maxlength="60">
<label for="tel"><br>
<br>
Phone:</label>
<input style="height:20px;font-size:12pt; name="Phone" type="tel" id="tel" form="landform" size="30">
</p>
<p style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: large;">
<label for="timezone">Time Zone:</label>
<select style="height:24px;font-size:12pt; name="timezone" id="timezone" form="landform">
<option>Eastern</option>
<option>Central</option>
</select>
<p style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: large;">
<label for="callafter">Best Time to Call: </label>
<select style="height:24px;font-size:12pt; name="callafter" id="callafter" form="landform">
<option value="06:00">06.00 AM</option>
<option value="07:00">07.00 AM</option>
<option value="08:00">08.00 AM</option>
<option value="09:00" selected="">09.00 AM</option>
<option value="10:00">10.00 AM</option>
</select>
<label for="callbefore">to</label>
<select style="height:24px;font-size:12pt; name="callbefore" id="callbefore" form="landform">
<option value="19:00">07.00 PM</option>
<option value="20:00" selected="">08.00 PM</option>
<option value="21:00">09.00 PM</option>
<option value="22:00">10.00 PM</option>
<option value="23:00">11.00 PM</option>
<option value="00:00">12:00 AM</option>
</select>
<br><br><br>
<span style="font-style: oblique; font-weight: 600;">Property Address:</span>
<label for="street"><br>
<br>
Street Address <span class='smallerfont'>(if applicable)</span> :</label>
<input style="height:20px;font-size:12pt; name="street" type="text" id="street" form="landform" size="50" maxlength="80">
<label for="city"><br>
<br>
*City:</label>
<input style="height:20px;font-size:12pt; name="city" type="text" required="required" id="city" form="landform" size="40" maxlength="60">
<label for="county"><br>
<br>
*County:</label>
<input style="height:20px;font-size:12pt; name="county" type="text" required="required" id="county" form="landform" size="40" maxlength="60">
<label for="state"><br>
<br>
*State:</label>
<select style="height:24px;font-size:12pt; name="state" required="required" id="state" form="landform">
<option value="AL">AL</option>
<option value="AK">AK</option>
</select><br>
<br>
<label for="zipcode">Zip Code:</label>
<input style="height:20px;font-size:12pt; name="zipcode" type="text" id="zipcode" form="landform" max="10" min="5" size="20" maxlength="20">
<br>
<br>
</p>
<p style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: large;">
<label for="APN">APN:</label>
<input style="height:20px;font-size:12pt; name="apn" type="text" id="apn" form="landform" size="30" maxlength="30">
<label>
<br><br>
<label for="parcelsize">Parcel Size:</label>
<input style="height:20px;font-size:12pt; name="parcelsize" type="text" id="parcelsize" form="landform" size="15" maxlength="20">
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input name="landunits" type="radio" id="landunits_acres" form="landform" value="acres" checked>
acres</label>
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input name="landunits" type="radio" id="landunits_sqft" form="landform" value="sqft">
sqft</label>
<br><br><br>
How is the land accessed?
<select style="height:24px;font-size:12pt;" name="access"
id="access"
onChange="landaccessfunction()"
class="form-control"
form="landform">
<option value="selectaccess" checked>Select One</option>
<option value="road">Direct road access</option>
<option value="easement">A legally deeded easement</option>
<option value="noaccess">No legal access</option>
</select>
<div class="coloreddiv" id="roaddetails" style="display:none;">
<label for="roadowner">Who owns and maintains the road?<br>
</label>
<textarea name="roadowner" cols="50" rows="2" id="roadowner" form="landform"></textarea>
<br><br>
Access road surface type(s) while approaching land:
<div>
<input type="checkbox" id="ashphalt" name="roadtype" value="ashphalt" form="landform">
<label for="ashphalt">ashphalt</label>
</div>
<div>
<input type="checkbox" id="gravel" name="roadtype" value="gravel" form="landform">
<label for="gravel">gravel</label>
</div>
<div>
<input type="checkbox" id="dirt" name="roadtype" value="dirt" form="landform">
<label for="dirt">dirt</label>
</div>
<div>
<input type="checkbox" id="othersurface" name="roadtype" value="othersurface" form="landform">
<label for="othersurface">other</label>
<input style="height:20px;font-size:12pt; name="othersurfacedetails" type="text" id="othersurfacedetails" form="landform" size="40" maxlength="40">
<br><br>
</div>
</div>
<div class="coloreddiv" id="easementdetails" style="display:none;">
<label for="easedescr">Easement details (e.g. approximate length, dirt/gravel, through private property, etc.):<br>
</label>
<textarea name="easedescr" cols="50" rows="2" id="easedescr" form="landform"></textarea>
<br><br>
</div>
<div class="coloreddiv" id="noaccessdetails" style="display:none;">
Is there a way to access the property temporarily (e.g. special permission to cross private land)?<br>
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input type="radio" name="tempaccess" id="tayes" value="yestempaccess" form="landform" onClick="getResultsbyID("tempaccessdetails")">Yes</label>
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input type="radio" name="tempaccess" id="tano" value="notempaccess" form="landform" checked>No</label>
<div class="coloreddiv" id="tempaccessdetails" style="display:none;"><br><label for="tempaccessdetails">Please explain:<br>
</label><textarea name="tempaccessdetails" cols="50" rows="2" id="tempaccessdetails" form="landform"></textarea></div>
</div>
<p style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: bold; font-weight: 300; font-size: large;"><br>
Has a survey been completed?
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input type="radio" name="ifsurvey" id="yessurvey" value="yessurvey" form="landform">Yes</label>
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input type="radio" name="ifsurvey" id="nosurvey" value="nosurvey" form="landform" onClick="getResultsbyID("surveydetails")">No</label>
<div class="coloreddiv" id="surveydetails" style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
Date/Year of survey: <input style="height:20px;font-size:12pt; name="datesurvey" type="text" id="datesurvey" form="landform" size="8">
</div>
</p>
<p style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: bold; font-weight: 300; font-size: large;">
Has a percolation test been performed?
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input type="radio" name="ifperc" id="yesperc" value="yesperc" form="landform">Yes</label>
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input type="radio" name="ifperc" id="noperc" value="noperc" form="landform" onClick="getResultsbyID("percdetails")">No</label>
<div class="coloreddiv" id="percdetails" style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
Date/Year of test: <input style="height:20px;font-size:12pt; name="dateperc" type="text" id="dateperc" form="landform" size="8"><br><br>
Is there a septic permit?
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input name="septicpermit" type="radio" id="yessepticpermit" form="landform" value="yessepticpermit">
Yes</label>
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input name="septicpermit" type="radio" id="nosepticpermit" form="landform" value="nosepticpermit">
No</label>
</div>
</p>
<p style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: bold; font-weight: 300; font-size: large;"><br>
Does the property lie within a flood zone?
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input type="radio" name="ifflood" id="allflood" value="allflood" form="landform">Fully</label>
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input type="radio" name="ifflood" id="partiallyflood" value="partiallyflood" form="landform">Partially</label>
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input type="radio" name="ifflood" id="noflood" value="noflood" form="landform">No</label>
</p>
<p style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: bold; font-weight: 300; font-size: large;"><br>
Are the following utilities on or nearby the property?
</p>
<p style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: bold; font-weight: 300; font-size: large;">
Electric Power Lines:
<br>
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input type="radio" name="ifelectric" id="electriconland" value="electriconland" form="landform">On property</label>
<br>
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input type="radio" name="ifelectric" id="adjacentelectric" value="adjacentelectric" form="landform">At road or on adjacent property</label>
<br>
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input type="radio" name="ifelectric" id="noelectric" value="noelectric" form="landform" onClick="getResultsbyID("electricdetails")">None</label>
<div class="coloreddiv" id="electricdetails" style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
Is there an alternate electric source on property (e.g. solar or wind)?
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input name="offgridelectric" type="radio" id="yesaltelectric" form="landform" value="yesaltelectric">
Yes</label>
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input name="offgridelectric" type="radio" id="noaltelectric" form="landform" value="noaltelectric" onClick="getResultsbyID("altelectricdetails")>
No</label>
<div class="coloreddiv" id="altelectricdetails" style="display:none;"><br><label for="altelectricdetails">Please describe:<br>
</label><textarea name="altelectricdetails" cols="50" rows="3" id="altelectricdetails" form="landform"></textarea></div>
</div>
<p style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: bold; font-weight: 300; font-size: large;">
Water:
<br>
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input type="radio" name="ifwater" id="municipalwateronland" value="municipalwateronland" form="landform">Municipal water on property</label>
<br>
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input type="radio" name="ifwater" id="adjacentmunicipalwater" value="adjacentmunicipalwater" form="landform">Municipal water at road or on adjacent property</label>
<br>
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input type="radio" name="ifwater" id="well" value="well" form="landform" onClick="getResultsbyID("welldetails")">Well</label>
<br>
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input type="radio" name="ifwater" id="nowater" value="nowater" form="landform">None</label>
<div class="coloreddiv" id="welldetails" style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
Date/Year well was drilled: <input style="height:20px;font-size:12pt; name="datewell" type="text" id="datewell" form="landform" size="8"><br><br>
Is the water potable?
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input name="potablewellwater" type="radio" id="yespotable" form="landform" value="yespotable">
Yes</label>
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input name="potablewellwater" type="radio" id="notpotablewellwater" form="landform" value="notpotablewellwater">
No</label>
</div>
</p>
<p style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: bold; font-weight: 300; font-size: large;">
Sewage:
<br>
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input type="radio" name="ifsewer" id="sewerlineonland" value="sewerlineonland" form="landform">Municipal sewer line on property</label>
<br>
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input type="radio" name="ifsewer" id="adjacentsewerlines" value="adjacentmunicipalwater" form="landform">Municipal sewer lines at road or on adjacent property</label>
<br>
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input type="radio" name="ifsewer" id="septicsystem" value="septicsystem" form="landform" onClick="getResultsbyID("septicdetails")">Septic system</label>
<br>
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input type="radio" name="ifsewer" id="nosewer" value="nosewer" form="landform">None</label>
<div class="coloreddiv" id="septicdetails" style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
Year septic system was installed: <input style="height:20px;font-size:12pt; name="dateseptic" type="text" id="dateseptic" form="landform" size="8"><br><br>
</div>
</p>
<p style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: large;">
<br>
<label for="currentzoning">What is the property currently zoned for?<br>
</label>
<textarea name="currentzoning" cols="50" rows="3" id="currentzoning" form="landform"></textarea>
</p>
<p style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: bold; font-weight: 300; font-size: large;"><br>
Are there plans to change the zoning in the future?
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input type="radio" name="futurezoning" id="yeschangezoning" value="yeschangezoning" form="landform">Yes</label>
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input type="radio" name="futurezoning" id="nochangezoning" value="nochangezoning" form="landform" onClick="getResultsbyID("futurezoningdetails")">No</label>
<div class="coloreddiv" id="futurezoningdetails" style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<label for="futurezoningdetails">Future zoning details: <br>
</label>
<textarea name="futurezoningdetails" cols="50" rows="3" id="futurezoningdetails" form="landform"></textarea>
</div>
</p>
<p style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: bold; font-weight: 300; font-size: large;"><br>
Any restrictions? <span class='smaller'>(e.g. building types or sizes permitted etc.)</span>
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input type="radio" name="restrictions" id="yesrestrictions" value="yesrestrictions" form="landform">Yes</label>
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input type="radio" name="restrictions" id="norestrictions" value="norestrictions" form="landform" onClick="getResultsbyID("futurezoningdetails")">No</label>
<div class="coloreddiv" id="restrictiondetails" style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<label for="restrictiondetails">Restriction details:<br>
</label>
<textarea name="restrictiondetails" cols="50" rows="3" id="restrictiondetails" form="landform"></textarea>
</div>
</p>
<p style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: bold; font-weight: 300; font-size: large;"><br>
Is farming allowed <span class='smaller'>(e.g. livestock, crops etc.)</span>?
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input type="radio" name="farming" id="yesfarming" value="yesfarming" form="landform">Yes</label>
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input type="radio" name="farming" id="somefarming" value="somefarming" form="landform" onClick="getResultsbyID("somefarmingdetails")">Some</label>
<label style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<input type="radio" name="farming" id="nofarming" value="nofarming" form="landform">No</label>
<div class="coloreddiv" id="somefarmingdetails" style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: medium;">
<label for="somefarmingdetails">Please explain:<br>
</label>
<textarea name="somefarmingdetails" cols="50" rows="3" id="somefarmingdetails" form="landform"></textarea>
</div>
</p>
<p style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: large;">
<br>
<label for="landuse">What is the land currently used for?<br>
</label>
<textarea name="landuse" cols="50" rows="3" id="landuse" form="landform"></textarea>
</p>
<p style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; font-size: large;">
<br>
<label for="description">Description of land <span class='smaller'>(e.g. hilly, grass, oak trees, pond, suitable building site etc.):</span><br>
</label>
<textarea name="description" cols="50" rows="3" id="description" form="landform"></textarea>
</p>
<p style="font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: oblique; font-weight: 300; font-size: medium;">*required</p>
<p>
<input style="height:30px;font-size:14pt; name="reset" type="reset" id="reset" form="landform" value="reset">
<input style="height:30px;font-size:14pt; name="submit" type="submit" id="submit" form="landform" value="submit">
</p>
</form>
<br>
</section>
</body>
</html>
