Friday, March 9, 2018

how to create registration form with html

 Please copy the below code and paste in body tag


<form id="form1" runat="server">
       
        <table class="style1">
            <tr>
                <td class="style2">
                    &nbsp;</td>
                <td class="style3">
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td class="style4">
                    </td>
                <td class="style5">
                   
                    <fieldset>
                        <legend>User Details </legend>
                        <table class="style1">
                            <tr>
                                <td class="style7">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                    First Name</td>
                                <td>
                                    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td class="style7">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                    Last Name</td>
                                <td>
                                    <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
                                </td>
                            </tr>
                        </table>
                    </fieldset></td>
                <td class="style6">
                   
                </td>
            </tr>
            <tr>
                <td class="style2">
                    &nbsp;</td>
                <td class="style3">
                    <fieldset>
                        <legend>Gender </legend>&nbsp;&nbsp;
                        <br />
&nbsp;&nbsp;&nbsp; Select Gender&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <asp:RadioButton ID="RadioButton1" runat="server" GroupName="Gender"
                            Text="Male" />
                        <asp:RadioButton ID="RadioButton2" runat="server" GroupName="Gender"
                            Text="Female" />
                        <br />
                    </fieldset></td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td class="style4">
                    </td>
                <td class="style5">
                    <fieldset>
                        <legend>Address</legend>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <asp:TextBox ID="TextBox3" runat="server" MaxLength="5"
                            style="margin-left: 6px" TextMode="MultiLine" Width="224px"></asp:TextBox>
                        <br />
                    </fieldset></td>
                <td class="style6">
                    </td>
            </tr>
            <tr>
                <td class="style4">
                    </td>
                <td class="style5">
                    <fieldset>
                        <legend>Contact Details </legend>
                        <table class="style1">
                            <tr>
                                <td class="style8">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Primary&nbsp; Mobile No&nbsp;</td>
                                <td>
                                    <asp:TextBox ID="TextBox4" runat="server" Width="132px"></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td class="style8">
                                    &nbsp;&nbsp;&nbsp;&nbsp; Secondory Mobile No&nbsp;&nbsp;</td>
                                <td>
                                    <asp:TextBox ID="TextBox5" runat="server" Width="133px"></asp:TextBox>
                                </td>
                            </tr>
                        </table>
                    </fieldset></td>
                <td class="style6">
                    </td>
            </tr>
            <tr>
                <td class="style2">
                    &nbsp;</td>
                <td class="style3">
                    <fieldset>
                        <legend>Hobbies</legend>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <asp:CheckBox ID="CheckBox1" runat="server" Text="Cricket" />
                        <asp:CheckBox ID="CheckBox2" runat="server" Text="Others" />
                        <asp:CheckBox ID="CheckBox3" runat="server" Text="Foot Ball" />
                        <br />
                    </fieldset></td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td class="style2">
                    &nbsp;</td>
                <td class="style3">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td class="style2">
                    &nbsp;</td>
                <td class="style3">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;<asp:Button ID="Button1" runat="server" onclick="Button1_Click"
                        Text="Register" />
                </td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td class="style2">
                    &nbsp;</td>
                <td class="style3">
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
        </table>
       
        </form>

No comments: