Web练习-网页提交信息_web网站提交建议代码-CSDN博客

本文链接：https://blog.csdn.net/weixin_52473454/article/details/121750874

效果图：

主要知识：

表格	table
按钮	button
文本框	text
单选框	radio
多选框	checkbox
下拉列表	select

完整代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>练习1</title>
	</head>
	<body background="img/wallpaper_09.jpg">
		<div class="div1" align="center" >
			<table border="0" cellspacing="" cellpadding="" >	
				<tr><td><span >姓名</span></td
					><td>	<input type="text" name="xingming" id="xingming" value="" placeholder="请输入姓名" /></td></tr>
				<tr><td><span >手机号</span></td>
					<td><input type="text" name="phone" id="phone" value="" placeholder="请输入手机号"/></td></tr>
			    <tr><td><span>邮箱</span></td>
				    <td><input type="text" name="email" id="email" value="" placeholder="请输入邮箱"/></td></tr>
				<tr><td><span >性别</span></td>
					<td>男<input type="radio" name="sex" id="sex" value="man" />
					女<input type="radio" name="sex" value="woman"/></td>
				</tr>
				<tr><td><span>求OVO</span></td>
					<td>点赞<input type="checkbox" value="nb" />
						收藏<input type="checkbox" value="collect" />
						评论<input type="checkbox" value="comment" />
						关注<input type="checkbox" value="follow" /></td></tr>
				<tr><td><span>编程语言</span></td>
					<td><select>
						<option>C#</option><option>JAVA</option><option>C++</option>		
					</select></td></tr>
				<tr><td><span>生日</span></td>
					<td><select><option>2000年</option><option>2001年</option><option>2002年</option><option>2003年</option><option>2004年</option><option>2005年</option></select>
					<select><option>1月</option><option>2月</option><option>3月</option>	<option>4月</option><option>5月</option><option>6月</option></select>
					<select><option>21日</option><option>22日</option><option>23日</option><option>24日</option><option>25日</option><option>26日</option></select></td></tr>
			    <tr><td><button>提交</button></td>
			    	<td><button>取消</button></td></tr>
			</table>		
		</div>
	</body>
</html>

问题：

由于没有涉及jsp，所以没有用from，如果没有jsp文件，点击提交后会出现下面情况。