Heim > Web-Frontend > H5-Tutorial > Beispielcode-Freigabe zur Implementierung des Benutzerregistrierungsformulars in HTML5

Beispielcode-Freigabe zur Implementierung des Benutzerregistrierungsformulars in HTML5

黄舟
Freigeben: 2017-07-24 10:18:27
Original
5564 Leute haben es durchsucht


Benutzerregistrierung

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>用户注册</title></head><body>
    <h2>用户注册</h2>
    <form action="" method="post">
        <!-- 隐藏域 -->
        <input type="hidden" name="uid" value="9527" />
        <table border="0" cellpadding="0" cellspacing="0" width="400px">
            <tr>
                <td align="right"><label for="name">姓名:</label></td>
                <td><input type="text" name="name" id="name"/></td>
            </tr>
            <tr>
                <td align="right">用户名:</td>
                <td><input type="text" name="username"  readonly="readonly" value="tom"/></td>
            </tr>
            <tr>
                <td align="right">密码:</td>
                <td><input type="password" name="pwd"/></td>
            </tr>
            <tr>
                <td align="right">确认密码:</td>
                <td><input type="password" name="repwd"/></td>
            </tr>
            <tr>
                <td align="right">电子邮箱:</td>
                <td><input type="text" name="email"/></td>
            </tr>
            <tr>
                <td align="right">性别:</td>
                <td>
                    <input type="radio" name="sex" value="male" checked="checked" id="male" />
                    <label for="male"><img src="images/Male.gif"/>男</label>                     
                    <input type="radio" name="sex" value="female"/>
                    <img src="images/Female.gif"/>女                </td>
            </tr>
            <tr>
                <td align="right">头像:</td>
                <td><input type="file" name="touxiang"/></td>
            </tr>
            <tr>
                <td align="right">爱好:</td>
                <td>
                    <input type="checkbox" name="hobby" value="eat" checked="checked" />吃饭                      
                    <input type="checkbox" name="hobby" value="sleep" />睡觉                      
                    <input type="checkbox" name="hobby" value="doudou" />打豆豆                  
                    </td>
            </tr>
            <tr>
                <td align="right">出生日期:</td>
                <td>
                    <input type="text" name="year" size="10"/>年                     
                    <select name="month">
                        <option value="0" selected="selected">--月份--</option>
                        <option value="1">一月</option>
                        <option value="2">二月</option>
                        <option value="3">三月</option>
                        <option value="4">四月</option>
                        <option value="6">六月</option>
                    </select>月                      
                    <input type="text" name="day" size="6"/>日                
                    </td>
            </tr>
            <tr>
                <td align="right">注册协议:</td>
                <td>
                    <textarea rows="4" cols="20" name="intr" readonly="readonly">
                        请遵守相关法律法规。。。                   
                         </textarea>
                </td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <input type="submit" value="注册" disabled="disabled" />                      
                    <input type="image" src="images/reset.gif" />                      
                    <!--<input type="button" value="普通按钮"/>
                --></td>
            </tr>
        </table>    
    </form></body></html>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonBeispielcode-Freigabe zur Implementierung des Benutzerregistrierungsformulars in HTML5. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage