Get HTML

Get CSS

Get JS

Register Now Form

2154 06 October 2019
No Description Available
Abhishek Singh

~ onex
This kind of registration and appointment booking form can be used on many places like on slider,banner and section.
Related Elements

6787
1
0
This sidebar contact form is used to get user query form the same page.
Sidebar contact form

onex
4589
0
0
ionic 4 form example

onex
4157
0
0
Bootstrap 3 Modal

onex
2946
1
0
Step by step form is smart way to collect data, where we collect data from user in steps.
Step by step bootstrap form

onex
2375
1
0
Bootstrap Pop up login form

onex
2200
1
0
FORM VALIDATIONS
Bootstrap Registration form wi

bhuwan
2049
1
0
This is an example of ionic 4 form , ionic is a Javascript framework used to build hybrid mobile app,desktop and pwa.
Ionic form example

onex
1856
0
0
Checkout page with materialize

onex
1896
1
0
Call to action button

onex
<section class="sliderbox" id="menu-homepage">
   <div class="container">
      <div class="row">
         <!-- slider -->
         <div class="col-sm-8 offset-sm-2">
            <div class="banner-content">
               <div class="text-center">
                  <h1><span>Insititute with</span> Best Placements</h1>
                  
                  <h4>Achieving the milestone in 5 years since Inception</h4>
               </div>
               <div class="fasttrackRegistrationForm">
                  <h2>Register Now!</h2>
                  <h5>Apply Today &amp; Be a Part of University with Best Placements</h5>
                  <div>
                     <form method="post" action="./mail/mailer.php">
                        <div class="row">
                           <div class="col-xs-12 col-sm-6">
                              <div class="fieldset">
                                 <input name="name" type="text" required="" id="txtName" placeholder="ENTER FULL NAME">
                                 <span id="RequiredFieldValidatorName" class="required" style="visibility:hidden;">*</span>
                              </div>
                           </div>
                           <div class="col-xs-12 col-sm-6">
                              <div class="fieldset">
                                 <input name="email" type="email" required="" placeholder="ENTER EMAIL ID">
                              </div>
                           </div>
                           <div class="col-xs-12 col-sm-6 mobileCity">
                              <div class="fieldset">
                                 <input name="phone" type="tel" maxlength="10" required="" pattern="[0-9]{10}" title="Enter 10 digits mobile number" placeholder="ENTER MOBILE">
                              </div>
                              <div class="fieldset">                                            
                                 <input type="text" name="city" required="" Placeholder="City">                                            
                              </div>
                           </div>
                           <div class="col-xs-12 col-sm-6 dobFrom">
                              <div class="clearfix">
                                 <div class="fieldset">
                                    <select name="day" required="">
                                       <option value="">DD</option>
                                       <option value="01">1</option>
                                       <option value="02">2</option>
                                       <option value="03">3</option>
                                       <option value="04">4</option>
                                       <option value="05">5</option>
                                       <option value="06">6</option>
                                       <option value="07">7</option>
                                       <option value="08">8</option>
                                       <option value="09">9</option>
                                       <option value="10">10</option>
                                       <option value="11">11</option>
                                       <option value="12">12</option>
                                       <option value="13">13</option>
                                       <option value="14">14</option>
                                       <option value="15">15</option>
                                       <option value="16">16</option>
                                       <option value="17">17</option>
                                       <option value="18">18</option>
                                       <option value="19">19</option>
                                       <option value="20">20</option>
                                       <option value="21">21</option>
                                       <option value="22">22</option>
                                       <option value="23">23</option>
                                       <option value="24">24</option>
                                       <option value="25">25</option>
                                       <option value="26">26</option>
                                       <option value="27">27</option>
                                       <option value="28">28</option>
                                       <option value="29">29</option>
                                       <option value="30">30</option>
                                       <option value="31">31</option>
                                    </select>
                                 </div>
                                 <div class="fieldset">
                                    <select name="month" required="">
                                       <option value="">MM</option>
                                       <option value="01">JANUARY</option>
                                       <option value="02">FEBRUARY</option>
                                       <option value="03">MARCH</option>
                                       <option value="04">APRIL</option>
                                       <option value="05">MAY</option>
                                       <option value="06">JUNE</option>
                                       <option value="07">JULY</option>
                                       <option value="08">AUGUST</option>
                                       <option value="09">SEPTEMBER</option>
                                       <option value="10">OCTOBER</option>
                                       <option value="11">NOVEMBER</option>
                                       <option value="12">DECEMBER</option>
                                    </select>
                                 </div>
                                 <div class="fieldset">
                                    <select name="year" required="">
                                       <option value="">YYYY</option>
                                       <option value="1980">1980</option>
                                       <option value="1981">1981</option>
                                       <option value="1982">1982</option>
                                       <option value="1983">1983</option>
                                       <option value="1984">1984</option>
                                       <option value="1985">1985</option>
                                       <option value="1986">1986</option>
                                       <option value="1987">1987</option>
                                       <option value="1988">1988</option>
                                       <option value="1989">1989</option>
                                       <option value="1990">1990</option>
                                       <option value="1991">1991</option>
                                       <option value="1992">1992</option>
                                       <option value="1993">1993</option>
                                       <option value="1994">1994</option>
                                       <option value="1995">1995</option>
                                       <option value="1996">1996</option>
                                       <option value="1997">1997</option>
                                       <option value="1998">1998</option>
                                       <option value="1999">1999</option>
                                       <option value="2000">2000</option>
                                       <option value="2001">2001</option>
                                       <option value="2002">2002</option>
                                       <option value="2003">2003</option>
                                       <option value="2004">2004</option>
                                       <option value="2005">2005</option>
                                       <option value="2006">2006</option>
                                       <option value="2007">2007</option>
                                       <option value="2008">2008</option>
                                       <option value="2009">2009</option>
                                       <option value="2010">2010</option>
                                       <option value="2011">2011</option>
                                       <option value="2012">2012</option>
                                       <option value="2013">2013</option>
                                       <option value="2014">2014</option>
                                       <option value="2015">2015</option>
                                       <option value="2016">2016</option>
                                       <option value="2017">2017</option>
                                       <option value="2018">2018</option>
                                       <option value="2019">2019</option>
                                       <option value="2020">2020</option>
                                       <option value="2021">2021</option>
                                       <option value="2022">2022</option>
                                       <option value="2023">2023</option>
                                       <option value="2024">2024</option>
                                       <option value="2025">2025</option>
                                       <option value="2026">2026</option>
                                       <option value="2027">2027</option>
                                       <option value="2028">2028</option>
                                       <option value="2029">2029</option>
                                       <option value="2030">2030</option>
                                    </select>
                                 </div>
                              </div>
                           </div>
                           <div class="col-xs-12">
                              <div class="fieldset">
                                 <select name="course" required="">
                                    <option value="">SELECT COURSE</option>
                                    <option value="Computer Science Engineering">Computer Science Engineering</option>
                                    <option value="Electronics &amp; Communication Engineering">Electronics &amp; Communication Engineerings</option>
                                    <option value="Civil Engineering">Civil Engineering</option>
                                    <option value="Mechanical Engineering">Mechanical Engineering</option>
                                    <option value="Electrical Engineering">Electrical Engineering</option>
                                    <option value="M.Tech (Computer Science)">M.Tech (Computer Science)</option>
                                    <option value="BBA">BBA</option>
                                    <option value="BCA">BCA</option>
                                 </select>
                              </div>
                           </div>
                           <div class="col-xs-12">
                       
                              <div class="fieldset">
                                 <input type="submit" name="register" value="Apply Now">
                                 <div id="ValidationSummary2" style="display:none;">
                                 </div>
                              </div>
                       
                           </div>
                        </div>
                     </form>
                  </div>
               </div>
               
            </div>
         </div>
      </div>
   </div>
</section>
Get HTML

Get CSS

Get JS

Register Now Form

Abhishek Singh

Related Elements

Resourse

Log in
