Увидел на одном из шаблонов и очень понравилось такое оформление - решил сохранить на память и использовать в других проектах 🙂
Примерный набросок по коду (код такой сделан для обмана спам-ботов):
<h2>Contact Us</h2>
<div id="vo_all_inp">
<div class="col-lg-6">
<input class="vo_form" type="text" placeholder="Full Name (required)" aria-required="true" size="40" value="" id="full_name">
<input class="vo_form" type="text" placeholder="Email (required)" aria-required="true" size="40" value="" id="email">
<input class="vo_form" type="text" placeholder="Address" aria-required="true" size="40" value="" id="address">
<input class="vo_form" type="text" placeholder="City" aria-required="true" size="40" value="" id="city">
<input class="vo_form" type="text" placeholder="State" aria-required="true" size="40" value="" id="state">
<input class="vo_form" type="text" placeholder="ZIP / Postal Code" aria-required="true" size="40" value="" id="zipcode">
</div>
<div class="col-lg-6">
<input class="vo_form" type="text" placeholder="Country (reuired)" aria-required="true" size="40" value="" id="country">
<input class="vo_form" type="text" placeholder="Phone Number (required)" aria-required="true" size="40" value="" id="phone">
<textarea class="vo_form" style="resize: none; height: 200px; height: 150px !important;" type="text" placeholder="Comments/Questions" aria-required="true" size="40" id="comments"></textarea>
<span id="msgg"></span><input type="button" id="sub_form_landng" class="vo_submit" value="Send" onclick="validate_vo();">
</div>
</div>
<script>
jQuery("#vo_all_inp").wrap("<form id='v_form'></form>");
</script>
и сам CSS:
.vo_form {
padding: 5px 10px;
width: 100%;
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.3);
border-style: solid;
border-width: 1px;
color: #fff;
border-radius: 0px;
height: 40px;
margin-bottom: 10px;
}
.vo_submit {
border: 0 none;
float: right;
padding: 5px 20px;
text-transform: uppercase;
transition: all 200ms ease 0s;
background: none repeat scroll 0 0 #389bb5;
color: #ffffff;
}
.vo_submit:hover {
background: none repeat scroll 0 0 #95a5a6;
color: #ffffff;
}

