HTML 表单，单选框，复选框，下拉列表，<textarea>

最新推荐文章于 2024-09-10 13:54:44 发布

houyanhua1

最新推荐文章于 2024-09-10 13:54:44 发布

阅读量4k

点赞数 1

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/houyanhua1/article/details/78341452

版权

HTML 专栏收录该内容

21 篇文章 3 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>index</title>
</head>

<body>
<form id="form1" name="form1" method="post" action="***.php" enctype="multipart/form-data">  <!--enctype表示编码方式-->
  <table width="483"  border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#FF0000">
<caption>本站会员注册系统</caption>
    <tr>
      <td width="133" align="center">姓名：</td>
      <td width="344">  
        <input type="text" name="username" />  
      </td>
    </tr>
    <tr>
      <td align="center">密码：</td>
      <td>
        <input type="password" name="userpwd" />
      </td>
    </tr>
    <tr>
      <td align="center">性别：</td>
      <td align="left">
        
        <label for="111">男</label>
        <input type="radio" name="sex" value="male" checked="checked" id="111"/>  <!--单选按钮-->
        
        
        <label for="222">女</label>
        <input type="radio" name="sex" value="female" id="222"/>  <!--name要和上面的单选框保持一致，才能关联-->
        
      </td>
    </tr>
    <tr>
      <td align="center">学历：</td>
      <td>

        <select name="xueli">                     <!--下拉列表-->
          <option value="gaozhong" selected="selected">高中</option>
          <option value="zhongzhuan">中专</option>
          <option value="dazhuang">大专</option>
          <option value="benke">本科</option>
          <option value="yanjiusheng">研究生</option>
        </select>
        
      </td>
    </tr>
    <tr>
      <td align="center">爱好：</td>
      <td>
        
        音乐
        <input  type="checkbox" name="hobby"value="music" checked="checked" />  <!--复选框-->
        体育        
        <input type="checkbox" name="hobby" value="sport" />
        书法
        <input type="checkbox" name="hobby" value="draw" />
        看书
        <input type="checkbox" name="hobby" value="reading" />
        购物
        <input type="checkbox" name="hobby" value="shopping" />
</td>
    </tr>
    <tr>
      <td align="center">个人评价：</td>
      <td>
        
        <textarea name="info" cols="40" rows="10">感谢配合</textarea>   <!--多行文本-->
        
      </td>
    </tr>
    <tr>
      <td colspan="2" align="center">
        
          <input type="submit" name="Submit" value="同意请提交" />
          　
          <input type="reset" name="Submit2" value="取消" />
        
      </td>
    </tr>
  </table>
</form>
</body>
</html>