HTML演習1

2、図のように登録ページを実現します(注:同じまたは類似しているように見えるために実装のみが必要であり、関数は実装されていません)
注:このページを実装するには、table-tr-tdタグを使用する必要があります(最初のプレビュー、達成を試み
ますテキストの配置方法:テキスト
間の間隔を調整します:テーブルタグの属性を参照します。
このタスクではcssを使用する必要はありません

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <table>
        <tr>
            <th align="right"> 注册邮箱:</th>
            <th align="left"><input></th>
        </tr>

        <tr>
            <th></th>
            <th align="left">你还可以手机注册</th>
        </tr>
        <tr>
            <th>创建密码:</th>
            <th align="left"><input></th>
        </tr>
        <tr>
            <th>真实姓名:</th>
            <th align="left"><input></th>
        </tr>
        <tr>
            <th align="right">性别:</th>
            <th align="left"><input type="radio"/>
                <label></label>
                <input type="radio"/>
                <label></label><br/></th>
        </tr>

        <tr>
            <th align="right"> 生日:</th>
            <th align="left"><select>
                <option>2001</option>
            </select><select>
                    <option>01</option>
                </select><select>
                    <option>01</option>
                </select></th>
        </tr>
        <tr>
            <th align="right"> 我正在:</th>
            <th align="left"><select>
                <option>睡觉</option>
            </select></th>
        </tr>
        <tr>
            <th></th>
            <th align="left"><img src="./verycode.gif">
            </th>
            <th>看不清,换一张</th>
        </tr>
        <tr>
            <th align="right">验证码:</th>
            <th align="left"><input></th>
        </tr>
        <tr>
            <th></th>
            <th align="left"><img src="btn_reg.gif">
            </th>
        </tr>


    </table>
</head>
<body>

</body>
</html>

結果:
アイコン

おすすめ

転載: blog.csdn.net/QXANQ/article/details/114897382