例用 HTML 語法建立基本資料

個人資料

姓名(限制長度)、姓別用點選的、密碼、興趣可以複選、血型下拉式、 上傳大頭照

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>個人基本資料</title>
</head>

<body>
    <form>
        <table border="1px" align="center" width="60%" height="70%">
            <tr>
                <th>姓名</th>
                <th>
                    <input type="text" name="a1" id="a1" maxlength="10">
                </th>
                <th>相片</th>
                <th>
                    <input type="file" name="a2" id="a2">
                </th>
            </tr>
            <tr>
                <th>姓別</th>
                <th>
                    <input type="radio" name="a3" id="a3" value="男生">男生
                    <input type="radio" name="a3" id="a4" value="女生">女生
                </th>
                <th>興趣</th>
                <th>
                    <input type="checkbox" name="a5" id="a5" value="吃飯">吃飯
                    <input type="checkbox" name="a6" id="a6" value="睡覺">睡覺
                    <input type="checkbox" name="a7" id="a7" value="看書">看書
                    <input type="checkbox" name="a8" id="a8" value="聽音樂">聽音樂
                </th>
            <tr>
                <th>地址</th>
                <th colspan="3" align="left">
                    <input type="text" name="a9" id="a9" size="100">
                </th>
            </tr>
            <tr>
                <th>血型</th>
                <th colspan="3" align="left">
                    <select>
                        <option value="A">A</option>
                        <option value="B">B</option>
                        <option value="O">O</option>
                        <option value="AB">AB</option>
                    </select>
                </th>
            </tr>
            <tr>
                <th>密碼</th>
                <th colspan="3" align="left">
                    <input type="password" name="a10" id="a10" size="30">
                </th>
            </tr>
            <tr>
                <th colspan="4">
                    <input type="submit" value="新增">
                </th>
            </tr>
        </table>

    </form>
</body>

</html>

顯示結果

html-01.png

參考頁面