1. 程式人生 > 實用技巧 >2020.10.10表單格式化

2020.10.10表單格式化

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<form>
    <h1 align="center">使用者註冊</h1>
    <table align="center">
        <tr>
            <td>使用者名稱稱:</td>
            <td>
                <input type="test" value="admin"/>
            </td>
        </tr>

        <tr>
            <td>使用者密碼:</td>
            <td>
                <input type="password">
            </td>
        </tr>

        <tr>
            <td>確認密碼:</td>
            <td>
                <input type="password">
            </td>
        </tr>

        <tr>
            <td>性別:</td>
            <td>
                <input type="radio" name="sex" checked="checked">男<input type="radio" name="sex">女
            </td>
        </tr>

        <tr>
            <td>興趣愛好:</td>
            <td>
                <input type="checkbox">抽菸<input type="checkbox">喝酒<input type="checkbox">燙頭
            </td>
        </tr>

        <tr>
            <td>國籍:</td>
            <td>
                <select>
                    <option>--請選擇國家--</option>
                    <option>中國</option>
                    <option>美國</option>
                    <option>英國</option>
                    <option>日本</option>
                </select>
            </td>
        </tr>

        <tr>
            <td>自我評價:</td>
            <td>
                <textarea rows="10" cols="20">請輸入您的自我評價</textarea>
            </td>
        </tr>

        <tr>
            <td align="center"><input type="reset"></td>
            <td align="center"><input type = "submit"></td>
        </tr>
    </table>
</form>
</body>
</html>