以记事本为工具使用HTML语言编写一个表单,表单内容自己设计,要求:(1)表单用表格布局(2)表单具有6个以上元素(3)表单至少使用5种表单控件

以记事本为工具使用HTML语言编写一个表单,表单内容自己设计,要求:(1)表单用表格布局(2)表单具有6个以上元素(3)表单至少使用5种表单控件

<!DOCTYPE html>
<html>
  <head>
    <title>表格布局的表单示例</title>
  </head>
  <body>
    <h1>示例表单</h1>
    <form>
      <table>
        <tr>
          <td><label for="username">用户名:</label></td>
          <td><input type="text" id="username" name="username"></td>
        </tr>
        <tr>
          <td><label for="password">密码:</label></td>
          <td><input type="password" id="password" name="password"></td>
        </tr>
        <tr>
          <td><label for="email">邮箱:</label></td>
          <td><input type="email" id="email" name="email"></td>
        </tr>
        <tr>
          <td><label for="gender">性别:</label></td>
          <td>
            <input type="radio" id="gender-male" name="gender" value="male"><label for="gender-male"></label>
            <input type="radio" id="gender-female" name="gender" value="female"><label for="gender-female"></label>
          </td>
        </tr>
        <tr>
          <td><label for="favorite-color">喜欢的颜色:</label></td>
          <td>
            <select id="favorite-color" name="favorite-color">
              <option value="">请选择</option>
              <option value="red">红色</option>
              <option value="green">绿色</option>
              <option value="blue">蓝色</option>
              <option value="yellow">黄色</option>
            </select>
          </td>
        </tr>
        <tr>
          <td><label for="comments">简介:</label></td>
          <td>
            <textarea id="comments" name="comments"></textarea>
          </td>
        </tr>
        <tr>
          <td colspan="2"><input type="submit" value="提交"></td>
        </tr>
      </table>
    </form>
  </body>
</html>

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>注册表单</title>
</head>
<body>
    <h2>用户注册</h2>
    <form>
        <table>
            <tr>
                <td>用户名:</td>
                <td><input type="text" name="username"></td>
            </tr>
            <tr>
                <td>密码:</td>
                <td><input type="password" name="password"></td>
            </tr>
            <tr>
                <td>性别:</td>
                <td>
                    <input type="radio" name="gender" value="male"><input type="radio" name="gender" value="female"></td>
            </tr>
            <tr>
                <td>兴趣爱好:</td>
                <td>
                    <input type="checkbox" name="hobby" value="sports">运动
                    <input type="checkbox" name="hobby" value="music">音乐
                    <input type="checkbox" name="hobby" value="reading">阅读
                </td>
            </tr>
            <tr>
                <td>所在城市:</td>
                <td>
                    <select name="city">
                        <option value="beijing">北京</option>
                        <option value="shanghai">上海</option>
                        <option value="guangzhou">广州</option>
                        <option value="shenzhen">深圳</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>个人简介:</td>
                <td>
                    <textarea name="intro" rows="5" cols="30"></textarea>
                </td>
            </tr>
            <tr>
                <td colspan="2" style="text-align: center;">
                    <input type="submit" value="提交">
                    <input type="reset" value="重置">
                </td>
            </tr>
        </table>
    </form>
</body>
</html>


不知道你这个问题是否已经解决, 如果还没有解决的话:

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^