Увидел на одном из шаблонов и очень понравилось такое оформление - решил сохранить на память и использовать в других проектах 🙂
Примерный набросок по коду (код такой сделан для обмана спам-ботов):
<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; }