HTML uses form tags to implement the registration page example code

HTML uses form tags to implement the registration page example code

Case Description:

- Use tables to achieve page effects
- If you don't want a hyperlink to work, use href="#"
- If there is no content in the table cells, use spaces as placeholders 
- Submit the form using the image tag <input type="image" src="image path"/>

Full code:

<html>
    <head>
        <title>World</title>
    </head>
    <body>
        <form action="01-hello.html" method="post">
            <h3 align="center">Welcome to this page! </h3>
            <table width="100%">
                <tr>
                    <td align="right">Registration email:</td>
                    <td><input type="text" name="regit"/></td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                    <td>You can also register using your <a href="#">mobile phone number</a> or your <a href="#">account</a></td>
                </tr>
                <tr>
                    <td align="right">Create password:</td>
                    <td><input type="password" name="pwd"/></td>
                </tr>
                <tr>
                    <td align="right">Real Name:</td>
                    <td><input type="text" name="realname"/></td>
                </tr>
                <tr>
                    Gender:
                    <td>
                        <input type="radio" name="sex" value="famale"/>Female<input type="radio" name="sex" value="male"/>Male</td>
                </tr>
                <tr>
                    <td align="right">Birthday:</td>
                    <td>
                        <select name"year">
                            <option value="1997"/>1997
                            <option value="1998"/>1998
                            <option value="1999"/>1999
                        </select>Year<select name"month">
                            <option value="01"/>01
                            <option value="02"/>02
                            <option value="03" selected="selected"/>03
                        </select>Month<select name"day">
                            <option value="20"/>20
                            <option value="21"/>21
                            <option value="22"/>22
                        </select>Day</td>
                </tr>
                <tr>
                    <td align="right">I am now:</td>
                    <td>
                        <select name"now">
                            <option value="study"/>Currently studying<option value="1998"/>Already working</select>
                    </td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                    <td><img src="images/verycode.png"/><a href="#">Can't see it clearly? Change it? </a></td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                    <td><input type="image" src="images/btn.png"></td>
                </tr>
            </table>
        </form>
    </body>
</html>

Summarize

The above is the example code of how to use the HTML form tag to implement the registration page. I hope it will be helpful to you. If you have any questions, please leave me a message and I will reply to you in time. I would also like to thank everyone for their support of the 123WORDPRESS.COM website!

<<:  Detailed explanation of the points that need to be paid attention to in HTML standards that comply with W3C standards

>>:  Implementation of Nginx hot deployment

Recommend

How to move a red rectangle with the mouse in Linux character terminal

Everything is a file! UNIX has already said it. E...

Specific use of the autoindex module in the Nginx Http module series

The main function of the brower module is to dete...

Detailed summary of web form submission methods

Let's first look at several ways to submit a ...

In html table, set different colors and widths for each cell

It is recommended that you do not set the width, h...

Analysis and description of network configuration files under Ubuntu system

I encountered a strange network problem today. I ...

VMware Workstation is not compatible with Device/Credential Guard

When installing a virtual machine, a prompt appea...

Linux CentOS 6.5 Uninstall, tar and install MySQL tutorial

Uninstall the system-provided MySQL 1. Check whet...

Linux series of commonly used operation and maintenance commands (summary)

Table of contents 1. System monitoring 2. File Op...

How to use Nginx proxy to surf the Internet

I usually use nginx as a reverse proxy for tomcat...

How to use JS to parse the excel content in the clipboard

Table of contents Preface 1. Paste Events and Cli...

MySQL sorting Chinese details and examples

Detailed explanation of MySQL sorting Chinese cha...

Five things a good user experience designer should do well (picture and text)

This article is translated from the blog Usability...

Keepalived+Nginx+Tomcat sample code to implement high-availability Web cluster

Keepalived+Nginx+Tomcat to achieve high availabil...

Implementation of Docker container connection and communication

Port mapping is not the only way to connect Docke...