HTML表单设计：用户注册页面详解,-优快云博客

本文链接：https://blog.youkuaiyun.com/Sesessep/article/details/136947762

该篇文章详细描述了一个HTML用户注册表单，包括用户名、密码输入、性别选择、多选爱好选项、省份选择以及自我介绍文本框，最后提供提交和重置按钮。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
 
<head>
    <meta charest="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
<table width="400ox" border="4" cellspacing="0">
<tr bgcolor="grey">
        <td align="center" colspan="2">
            用户注册
        </td>
</tr>
<tr >
        <td align="right">
            用户名
        </td>
        <td>
            <input type="text">
        </td>
</tr>
<tr>
    <td align="right">
        密码
    </td>
    <td>
        <input type="password">
    </td>
</tr>
<tr>
    <td align="right">
        性别
    </td>
    <td>
    <label><input type="radio" name="sex" value="男">男</label>
    <label><input type="radio" name="sex" value="女">女</label>
    </td>
</tr>
<tr>
    <td align="right">
        爱好
    </td>
    <td>
        <input type="checkbox" name="hobby" value="写作" id="写作"> <label for="写作">写作</label>
        <input type="checkbox" name="hobby" value="听音乐" id="听音乐"> <label for="听音乐">听音乐</label>
        <input type="checkbox" name="hobby" value="体育" id="体育"> <label for="体育">体育</label>
    </td>
</tr>
<tr>
    <td align="right">
        省份
    </td>
    <td>
        <select name="province">
            <option value="陕西省">陕西省</option>
            <option value="广东省">广东省</option>
        </select>
    </td>
</tr>
<tr>
    <td align="right">
        自我介绍
    </td>
    <td>
        <textarea name="自我介绍" cols="35" rows="10"></textarea>
    </td>
</tr>
<tr bgcolor="grey">
    <td colspan="2" align="center">
        <button>
            提交
        </button>
        <input type="reset">
    </td>
</tr>


</table>


</body></html>