SatoriEsoteric
Coder
Code:
<form action="welcome" method="post" name="form" class="form-box">
<h1>Find Local Landscape Pros</h1>
<!-- One "tab" for each step in the form: -->
<div class="tab">Name:
<p><input placeholder="First name..." oninput="this.className = ''" name="fname"></p>
<p><input placeholder="Last name..." oninput="this.className = ''" name="lname"></p>
</div>
<div class="tab">What Landscaping do you need:
<p><label class="container">Artificial Grass
<input type="checkbox" checked="checked">
<span class="checkmark"></span>
</label>
<label class="container">Landscape Lighting
<input type="checkbox">
<span class="checkmark"></span>
</label>
<label class="container">Drip Irrigation
<input type="checkbox">
<span class="checkmark"></span>
</label>
<label class="container">Concrete/Pavers
<input type="checkbox">
<span class="checkmark"></span>
</label>
<label class="container">Plants/Trees
<input type="checkbox">
<span class="checkmark"></span>
</label>
<label class="container">Full Landscape Design
<input type="checkbox">
<span class="checkmark"></span>
</label>
<label class="container">Other
<input type="checkbox">
<span class="checkmark"></span>
</label>
</p></div>
<div class="tab">Message for Contractor C-27:
<p><input placeholder="message" oninput="this.className = ''" name="message"></p>
</div>
<div class="tab">Contact Info:
<p><input placeholder="E-mail..." oninput="this.className = ''" name="email"></p>
<p><input placeholder="phone..." oninput="this.className = ''" name="phone"></p>
</div>
<div class="tab">Project Discription:
<p><input placeholder="message" oninput="this.className = ''" name="message"></p>
</div>
<div class="tab">Contact Info:
<p><input placeholder="zipcode:..." oninput="this.className = ''" name="zipcode/.3333"></p>
<p><input placeholder="Address..." oninput="this.className = ''" name="Adress"></p>
</div>
<p>California Landscape Contractors Lic. Class is C-27</p><br>
Check a Contractors Lic. number here
<button><a href="https://www.cslb.ca.gov/onlineservices/checklicenseII/checklicense.aspx">Active Lic.</a></button>
<div style="overflow:auto;">
<div style="float:right;">
<button type="button" id="prevBtn" onclick="nextPrev(-1)">Previous</button>
<button type="button" id="nextBtn" onclick="nextPrev(1)">Next</button>
</div>
</div>
<!-- Circles which indicates the steps of the form: -->
<div style="text-align:center;margin-top:40px;">
<span class="step"></span>
<span class="step"></span>
<span class="step"></span>
<span class="step"></span>
<span class="step"></span>
<span class="step"></span>
</div>
</form>
Last edited by a moderator: