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

来源：互联网发布：it维修服务公司编辑：程序博客网时间：2024/06/05 10:18
<!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>
阅读全文
0 0