<form id="myformid" action="/myformaction">
<!-- Real fields -->
<label for="nameaksljf">Your Name</label>
<input type="text" id="nameksljf" name="nameksljf" placeholder="Your name here" required maxlength="100">
<label for="emaillkjkl">Your E-mail</label>
<input type="text" id="emaillkjkl" name="emaillkjkl" placeholder="Your e-mail here" required>
<!-- H o n e y p o t -->
<label class="ohnohoney" for="name"></label>
<input class="ohnohoney" autocomplete="off" type="text" id="name" name="name" placeholder="Your name here">
<label class="ohnohoney" for="email"></label>
<input class="ohnohoney" autocomplete="off" type="email" id="email" name="email" placeholder="Your e-mail here">
</form>
.ohnohoney {
opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 0;
width: 0;
z-index: -1;
}
#myformid {
display: inline-grid;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.