建议复制到编辑器上看
<!DOCTYPE html>
<html>
<head>
< charset=\"UTF-8\">
< >表格 表单</ >
</head>
<body>
<form action=\"\" method=\"get\">
<!--<form 表单
action=\"\" 路径
method=\"get\"> 提交方法
-->
<table border=\"1\" cellspacing=\"1\" cellpadding=\"10\">
<!--<table 表格标签
border=\"1\" 边框
cellspacing=\"1\" 每个单元格之间的距离，单元格与边框的距离
cellpadding=\"10\" 内容与单元格之间的距离
>-->
<tr>
<td width=\"100px\">学生姓名：</td>
<td width=\"300px\"><input type=\"text\" name=\"name\" id=\"name\" required=\"required\"/></td>
</tr>
<!--<tr> 行数（一个<tr></tr>表示一行）
<td width=\"100px\">学生姓名：</td> 列数（一个<th></th>或<td></td>表示一列
<td width=\"300px\"><input 表单元素
type=\"text\" 文本类型
type=\"password\" 密码类型
type=\"radio\" 单选
type=\"checkbox\" 多选
type=\"number\" 数字
type=\"email\" 邮箱
type=\"submit\" 提交
type=\"reset\" 重置
type=\"file\" 选择文件
name=\"name\"
id=\"name\"
required=\"required\" 要求输入不能为空
/></td>
</tr>-->
<tr><td width=\"100px\">密码：</td>
<td width=\"300px\"><input type=\"password\" name=\"pass\" id=\"pass\" required=\"required\" /></td>
</tr>
<tr>
<td width=\"100px\">性别</td>
<td width=\"300px\">
<label><input type=\"radio\" name=\"sex\" id=\"sex\" value=\"man\" checked=\"checked\"/>男</label>
<label><input type=\"radio\" name=\"sex\" id=\"sex\" value=\"woman\" required=\"required\"/>女</label></td>
</tr>
<tr><td width=\"100px\">个人爱好:</td>
<td width=\"300px\">
<label><input type=\"checkbox\" name=\"happy\" id=\"happy\" value=\"音乐\"/>音乐</label>
<!--<label> 把两个东西关联在一起
<input type=\"checkbox\" name=\"happy\" id=\"happy\" value=\"音乐\"/>音乐</label>-->
<label><input type=\"checkbox\" name=\"happy\" id=\"happy\" value=\"美术\"/>美术</label>
<label><input type=\"checkbox\" name=\"happy\" id=\"happy\" value=\"电影\"/>电影</label>
</td>
</tr>
<tr><td width=\"100px\">交友目的：</td>
<td width=\"300px\">
<select multiple=\"multiple\">
<option >普通朋友</option>
<option >爱人</option>
</select>
<!--<select 下拉列表
multiple=\"multiple\"> 多行显示
<option >普通朋友</option>
<option >爱人</option>
</select>-->
</td>
</tr>
<tr>
<td width=\"100px\">照片上传：</td>
<td width=\"300px\"><input type=\"file\" /></td>
</tr>
<tr>
<td width=\"100px\">个人简历:</td>
<td width=\"300px\"><textarea name=\"\" rows=\"4\" cols=\"20\" placeholder=\"请简单描述一下自己\"></textarea></td>
<!--<td width=\"300px\"><textarea 多行文本输入
name=\"\"
rows=\"4\" 多行输入的行数
cols=\"20\" 多行输入一行的字数
placeholder=\"请简单描述一下自己\">没有内容时的提示文字
</textarea></td>-->
</tr>
<tr>
<td width=\"100px\">城市</td>
<td width=\"300px\"><select>
<option>广东</option>
<option>郑州</option>
</select></td>
</tr>
<tr>
<td colspan=\"2\"><input type=\"submit\" value=\"登录\"/>
<input type=\"reset\" value=\"取消\" />
</td>
</tr>
</form>
</table>
</body>
</html>
