> 웹 프론트엔드 > H5 튜토리얼 > html5에서 사용자 등록 양식을 구현하는 방법에 대한 샘플 코드 공유

html5에서 사용자 등록 양식을 구현하는 방법에 대한 샘플 코드 공유

黄舟
풀어 주다: 2017-07-24 10:18:27
원래의
5548명이 탐색했습니다.


사용자 등록

<!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>
로그인 후 복사

위 내용은 html5에서 사용자 등록 양식을 구현하는 방법에 대한 샘플 코드 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿