以记事本为工具使用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>
不知道你这个问题是否已经解决, 如果还没有解决的话:HTML中的注释以“<!--" 开头,以“-->”结束。快捷键 Ctrl+ /
特殊字符:在HTML页面中,一些特殊的符号很难或者不方便直接使用 ,此时我们就可以使用下面的字符来替代。