请使用表格和表单设计用户注册页面,点击提交按钮后调用电子邮件代理软件将表单信息发送至指定的邮箱(写出HTML网页代码,包含文本域、单选按钮、复选框、下拉列表框、多选框、文件上传域、提交按钮)
时间: 2023-11-08 09:58:01 浏览: 111
将表单内容发送到指定E-Mail电子邮箱
5星 · 资源好评率100%
<!DOCTYPE html>
<html>
<head>
<title>用户注册页面</title>
</head>
<body>
<h1>用户注册页面</h1>
<form action="mailto:youremail@example.com" method="post" enctype="text/plain">
<table>
<tr>
<td><label for="name">姓名:</label></td>
<td><input type="text" id="name" name="name"></td>
</tr>
<tr>
<td><label for="gender">性别:</label></td>
<td>
<input type="radio" id="male" name="gender" value="male"><label for="male">男</label>
<input type="radio" id="female" name="gender" value="female"><label for="female">女</label>
</td>
</tr>
<tr>
<td><label for="hobby">爱好:</label></td>
<td>
<input type="checkbox" id="reading" name="hobby" value="reading"><label for="reading">阅读</label>
<input type="checkbox" id="music" name="hobby" value="music"><label for="music">音乐</label>
<input type="checkbox" id="sports" name="hobby" value="sports"><label for="sports">运动</label>
</td>
</tr>
<tr>
<td><label for="city">所在城市:</label></td>
<td>
<select id="city" name="city">
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
<option value="guangzhou">广州</option>
<option value="shenzhen">深圳</option>
</select>
</td>
</tr>
<tr>
<td><label for="food">喜欢的食物:</label></td>
<td>
<select id="food" name="food" multiple>
<option value="pizza">披萨</option>
<option value="hamburger">汉堡包</option>
<option value="hotpot">火锅</option>
<option value="sushi">寿司</option>
</select>
</td>
</tr>
<tr>
<td><label for="photo">头像:</label></td>
<td><input type="file" id="photo" name="photo"></td>
</tr>
<tr>
<td colspan="2">
<input type="submit" value="提交">
<input type="reset" value="重置">
</td>
</tr>
</table>
</form>
</body>
</html>
阅读全文