HTML實現註冊頁面

先看看效果吧html

直接上代碼吧,我相信你能看懂,若是看不懂能夠參考這篇文章https://blog.csdn.net/HeZhiYing_/article/details/99535269ide

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>註冊頁面</title>
</head>
<body>
<h4>青春不常在,抓緊談戀愛</h4>
<table width="500px">
    <tr>
        <td>性別</td>
        <td>
            <input type="radio" name="sex" id="nan"><label for="nan">男</label>
            <input type="radio" name="sex">女
        </td>
    </tr>
    <tr>
        <td>生日</td>
        <td>
            <select>
                <option>--請選擇年--</option>
                <option>1997</option>
                <option>1998</option>
                <option>1999</option>
                <option>2000</option>
            </select>
            <select>
                <option>--請選擇月--</option>
                <option>1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
                <option>6</option>
                <option>7</option>
                <option>8</option>
                <option>9</option>
                <option>10</option>
                <option>11</option>
                <option>12</option>
            </select>
        </td>
    </tr>
    <tr>
        <td>所在地區</td>
        <td>
            <input type="text" value="河南">
        </td>
    </tr>
    <tr>
        <td>婚姻情況</td>
        <td>
            <input type="radio" name="a" value="未婚" checked="checked">未婚
            <input type="radio" name="a" value="已婚">已婚
            <input type="radio" name="a" value="離婚">離婚
        </td>
    </tr>
    <tr>
        <td>學歷</td>
        <td>
            <input type="text" value="本科">
        </td>
    </tr>
    <tr>
        <td>喜歡的類型</td>
        <td>
            <input type="checkbox" name="love" value="嫵媚">嫵媚
            <input type="checkbox" name="love" value="可愛">可愛
        </td>
    </tr>
    <tr>
        <td>自我介紹</td>
        <td>
            <textarea>我的簡介</textarea>
        </td>
    </tr>
    <tr>
        <td></td>
        <td>
            <input type="submit" value="免費註冊">
        </td>
    </tr>
    <tr>
        <td></td>
        <td>
            <input type="checkbox" checked="checked">我贊成註冊條款和會員加入標準
        </td>
    </tr>
    <tr>
        <td></td>
        <td>
            <a href="#">我是會員,當即登陸</a>
        </td>
    </tr>
    <tr>
        <td></td>
        <td>
            <h4>我承諾</h4>
            <ul>
                <li>年滿18歲</li>
                <li>抱着嚴肅的態度</li>
                <li>真誠尋找另外一半</li>
            </ul>
        </td>
    </tr>
</table>
</body>
</html>
相關文章
相關標籤/搜索