Scribd Logo
Upload

Welcome to Scribd!

  • 12 views

    Registeration Form

    Uploaded by

    Balaji
    The document is an HTML registration form that collects personal information such as name, email, phone number, gender, hobbies, skills, country, and date of birth from users. It includes fields for users to input their first name, last name, address, email, phone number, gender, hobbies, languages, skills, country, state/province, date of birth, password, and confirm password. The form uses JavaScript validation to ensure required fields are completed before submitting.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content

    You might also like

    Registeration Form

    Uploaded by

    Balaji
    12 views8 pages
    The document is an HTML registration form that collects personal information such as name, email, phone number, gender, hobbies, skills, country, and date of birth from users. It includes fields for users to input their first name, last name, address, email, phone number, gender, hobbies, languages, skills, country, state/province, date of birth, password, and confirm password. The form uses JavaScript validation to ensure required fields are completed before submitting.

    Original Description:

    Original Title

    REGISTERATION FORM

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document is an HTML registration form that collects personal information such as name, email, phone number, gender, hobbies, skills, country, and date of birth from users. It includes fields for users to input their first name, last name, address, email, phone number, gender, hobbies, languages, skills, country, state/province, date of birth, password, and confirm password. The form uses JavaScript validation to ensure required fields are completed before submitting.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    12 views8 pages

    Registeration Form

    Uploaded by

    Balaji
    The document is an HTML registration form that collects personal information such as name, email, phone number, gender, hobbies, skills, country, and date of birth from users. It includes fields for users to input their first name, last name, address, email, phone number, gender, hobbies, languages, skills, country, state/province, date of birth, password, and confirm password. The form uses JavaScript validation to ensure required fields are completed before submitting.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    of 8

    REGISTER FORM

    HTML CODE:
    <html>
    <head>
    <title>Registeration Form</title>
    </head>
    <script>
    function validateform()
    {
    var fn=document.infoform.fn.value;
    var ln=document.infoform.ln.value;
    var mail=document.infoform.mail.value;
    var no=document.infoform.no.value;
    var gender=document.infoform.gender.value;

    if(fn==null||fn=="")
    {
    alert("First Name can't be blank");
    return false;
    }
    else if(ln==null||ln=="")
    {
    alert("Last Name can't be blank");
    return false;
    }
    else if(mail==null||mail=="")
    {
    alert("Email Address Name can't be blank");
    return false;
    }
    else if(no==null||no=="")
    {
    alert("Phone Number can't be blank");
    return false;
    }
    else if(gender==null||gender=="")
    {
    alert("Gender can't be blank");
    return false;
    }
    else
    {
    alert("Submitted Sucessfully");
    }
    }
    </script>
    <body>
    <table cellpadding="10" cellspacing="10" align="center">
    <tbody>
    <tr><td colspan="3" align="center">
    <strong><h2>REGISTER</h2></td></tr>
    <form name="infoform" onsubmit="return validateform()">

    <br>
    <tr><td><b>Full Name*</b></td><td><input type="text" name="fn" maxlength="10"
    placeholder="First Name"></td>
    <td><input type="text" name="ln" maxlength="10"placeholder="Last Name"></td></tr>

    <tr><td><b>Address</td><td><textarea name=" add" rows="3" cols="30"></textarea></td></tr>

    <tr><td><b>Email Address*</td><td><input type="text" name="mail" maxlength="30" ></td></tr>

    <tr><td><b>Phone Number*</td><td><input type="int" name="no" maxlength="10" ></td></tr>

    <tr><td><b>Gender*</td><td><input type="radio" name="gender" value="Male">Male


    <input type="radio" name="gender" value="Female">Female</td></tr>

    <tr><td><b>Hobbies</td><td><input type="checkbox" name="hobies"


    value="Cricket">Cricket</td></tr>
    <tr><td></td><td><input type="checkbox" name="hobies"
    value="Movies">Movies</td></tr>
    <tr><td></td><td><input type="checkbox" name="hobies"
    value="Hockey">Hockey</td></tr>

    <tr><td><b>Languages</td><td><input type="text" name="lang" maxlength="10" ></td></tr>

    <tr><td><b>Skills</td><td>
    <select name="skills">
    <option value="" >Select Skills</option>
    <option value="c">C</option>
    <option value="c++">C++</option>
    <option value="java">Java</option>
    <option value="python">Python</option>
    </select></td>

    <tr><td><b>Country*</td><td>
    <select name="country">
    <option value="" >Select Country</option>
    <option value="Afghanistan">Afghanistan</option>
    <option value="Albania">Albania</option>
    <option value="Algeria">Algeria</option>
    <option value="American Samoa">American Samoa</option>
    <option value="Andorra">Andorra</option>
    <option value="Angola">Angola</option>
    <option value="Anguilla">Anguilla</option>
    <option value="Antartica">Antarctica</option>
    <option value="Antigua and Barbuda">Antigua and Barbuda</option>
    <option value="Argentina">Argentina</option>
    <option value="Armenia">Armenia</option>
    <option value="Aruba">Aruba</option>
    <option value="Australia">Australia</option>
    <option value="Austria">Austria</option>
    <option value="Azerbaijan">Azerbaijan</option>
    <option value="Bahamas">Bahamas</option>
    </select></td>

    <tr><td><b>Select Country:</td><td>
    <input list="countries" name="scountry" id="scountry">
    <datalist id="countries">
    <option value="Albania">
    <option value="Algeria">
    <option value="Angola">
    <option value="Anguilla">
    <option value="Antartica">
    <option value="Antigua and Barbuda">
    <option value="Argentina">
    <option value="Armenia">
    <option value="Aruba">
    <option value="Australia">
    <option value="Austria">
    <option value="Bahamas">
    <option value="Azerbaijan">
    </datalist></td>

    <tr><td><b>Date of Birth</td><td>

    <select id="year">
    <option value="">Year</option>
    <option value="2021">2021</option>
    <option value="2020">2020</option>
    <option value="2019">2019</option>
    <option value="2018">2018</option>
    <option value="2017">2017</option>
    <option value="2016">2016</option>
    <option value="2015">2015</option>
    <option value="2014">2014</option>
    <option value="2013">2013</option>
    <option value="2012">2012</option>
    <option value="2011">2011</option>
    <option value="2010">2010</option>
    <option value="2009">2009</option>
    <option value="2008">2008</option>
    <option value="2007">2007</option>
    <option value="2006">2006</option>
    <option value="2005">2005</option>
    <option value="2004">2004</option>
    <option value="2003">2003</option>
    <option value="2002">2002</option>
    <option value="2001">2001</option>
    <option value="2000">2000</option>
    <option value="1999">1999</option>
    <option value="1998">1998</option>
    <option value="1997">1997</option>
    <option value="1996">1996</option>
    <option value="1995">1995</option>
    <option value="1994">1994</option>
    <option value="1993">1993</option>
    <option value="1992">1992</option>
    <option value="1991">1991</option>
    <option value="1990">1990</option>
    <option value="1989">1989</option>
    <option value="1988">1988</option>
    <option value="1987">1987</option>
    <option value="1986">1986</option>
    <option value="1985">1985</option>
    <option value="1984">1984</option>
    <option value="1983">1983</option>
    <option value="1982">1982</option>
    <option value="1981">1981</option>
    <option value="1980">1980</option>
    </select>

    <select id="month">
    <option value="">Month</option>
    <option value="1">January</option>
    <option value="2">February</option>
    <option value="3">March</option>
    <option value="4">April</option>
    <option value="5">May</option>
    <option value="6">June</option>
    <option value="7">July</option>
    <option value="8">August</option>
    <option value="9">September</option>
    <option value="10">October</option>
    <option value="11">November</option>
    <option value="12">December</option>
    </select>
    <select name="day">
    <option value="">Day</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>

    <tr><td><b>Password</td><td><input type="text" name="pass" maxlength="30" ></td></tr>

    <tr><td><b>Confirm Password</td><td><input type="text" name="conpass" maxlength="30"


    ></td></tr>

    <tr><td colspan="2" align="center"><input type="Submit" value="Submit">&nbsp; &nbsp; &nbsp;


    <input type="Reset" value="Reset"></td></tr>

    </form>
    </tbody>
    </table>
    </body>
    </html>

    OUTPUT:

    You might also like