Gadgets

Thursday, 15 November 2012

Registration form using HTML with clear information


Registration form using HTML tags(<fieldset> and <legend>). This form is very clear


<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <!-- The fieldset element represents a set of form controls optionally grouped under a common name. -->
        <fieldset>
            <!-- The legend element represents a caption  -->
    <legend>Registration form</legend>
        <form action="servlet file name"method="post">
          
              
                <fieldset>
                  
                    <legend>Account Information</legend>
                    <table>
                        <tr>
                            <td>Email-Id :</td><td><input type="text"name="emailid"value=""/></td>
                        </tr>
                        <tr>
                            <td>Password :</td><td><input type="password"name="psw"value=""/></td>
                        </tr>
                        <tr>
                            <td>Reenter Password :</td><td><input type="password"name="repsw"value=""/></td>
                        </tr>
                      
                    </table>
            </fieldset>
                <fieldset>
                    <legend>Profile Information</legend>
                    <table>
                      
                        <tr>
                            <td>User Name :</td><td><input type="text"name="uname"value=""/></td>
                        </tr>
                        <tr>
                            <td>City :</td>
                            <td><select name="city">
                                    <option value="Hyderabad">Hyderabad</option>
                                    <option value="bangalore">Bangalore</option>
                                     <option value="delhi">Delhi</option>
                                      <option value="chennai">Chennai</option>
                                </select></td>
                        </tr>
                        <tr>
                            <td>Gender :</td><td><input type="radio" name="gender" value="male" />Male
                                <input type="radio" name="gender" value="female" />Female</td>
                        </tr>
                        <tr>
                            <td>Hobbies :</td><td><input type="checkbox" name="drinking" value="ON" />Drinking
                                <input type="checkbox" name="music" value="ON" />Listen Music
                                <input type="checkbox" name="games" value="ON" />Playing Games
                                <input type="checkbox" name="drawing" value="ON" />Drawing
                                <input type="checkbox" name="other" value="ON" />Other</td>
                        </tr>
                        <tr>
                            <td>Select Photo :</td><td><input type="file" name="photo" value="" /></td>
                        </tr>
                        <tr><td><input type="submit" value="Signup" /></td></tr>
                    </table>
            </fieldset>
              
          
        </form>
    </fieldset>
    </body>
</html>

OUTPUT :




No comments:

Post a Comment