html简单怎么编写一个表单,,刚学HTML 如图

如题所述

<!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>无标题文档</title>
</head>

<body>
<table style="margin:100px auto" width="650" cellpadding="5" cellspacing="0" border="1">
  <tr>
    <td width="121" height="30" valign="middle">用户名称:</td>
    <td width="663" height="30" valign="middle"><input type="text" size="20" /></td>
  </tr>
  <tr>
    <td height="30" valign="middle">个人密码:</td>
    <td height="30" valign="middle"><input type="text" size="20" /></td>
  </tr>
  <tr>
    <td height="30" valign="middle">靓照上传:</td>
    <td height="30" valign="middle"><input type="file" /></td>
  </tr>
  <tr>
    <td height="30" valign="middle">性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别:</td>
    <td height="30" valign="middle"><input type="radio" name="sex" id="man" checked="checked" /><label for="man">男</label>
    <input type="radio" name="sex" id="women" /><label for="women">女</label></td>
  </tr>
  <tr>
    <td height="30" valign="middle">生&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;日:</td>
    <td height="30" valign="middle"><input type="text" size="5" />
    &nbsp;年&nbsp;
    <select>
      <option selected="selected">选择</option>
      <option>1</option>
      <option>2</option>
      <option>3</option>
      <option>4</option>
      <option>5</option>
      <option>6</option>
      <option>7</option>
      <option>8</option>
      <option>9</option>
      <option>10</option>
      <option>11</option>
      <option>12</option>
    </select>
    &nbsp;月&nbsp;
    <input type="text" size="5" />
    &nbsp;日</td>
  </tr>
  <tr>
    <td height="30" valign="middle">爱&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;好:</td>
    <td height="30" valign="middle"><input type="checkbox" id="Basketball" /><label for="Basketball">篮球</label>&nbsp;
    <input type="checkbox" id="Badminton" /><label for="Badminton">羽毛球</label>&nbsp;
    <input type="checkbox" id="tennis" /><label for="tennis">乒乓球</label>&nbsp;</td>
  </tr>
  <tr>
    <td height="30" valign="top">备注信息:</td>
    <td height="30" valign="middle"><textarea style="width:500px; padding:5px; height:400px;">的若干规定郭德纲</textarea></td>
  </tr>
  <tr>
    <td height="30" valign="middle">图片展示:</td>
    <td height="30" valign="middle"><img src="logo.jpg" width="500" /></td>
  </tr>
</table>

</body>
</html>

图片自己改

温馨提示:答案为网友推荐,仅供参考