基于JavaWeb的用户注册实例

该博客介绍如何使用HTML创建用户注册表单,包括性别和兴趣爱好的预设选项,并讨论了点击重置按钮清除已有输入的方法。内容适用于JavaWeb开发者,重点关注HTML交互与表单数据管理。

用HTML制作如下的表单。
在这里插入图片描述

提示:性别和爱好都有默认选中项。点击“重写”后需要把原来填写的内容重置清空。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>注册页面</title>
  </head>
  <body>
    <form>
    <table border="1" >
   		<tr>
 			<th colspan="2">用户注册</th>
 		</tr>
  		<tr>
  			<td >昵称:</td>
  			<td ><input type="text" size="30" value="亚亚"></td>		
  		</tr>
  		<tr>
  			<td >密码:</td>
  			 <td ><input type="password" name="pwd" ></td>		
  		</tr>
  		<tr>
  			<td >确认密码:</td>
  			<td ><input type="password"></td>		
  		</tr>
  		<tr>
  			<td >性别:</td>
  			<td >
  				<input type="radio" name="sex"><input type="radio" name="sex" checked></td>
  		</tr>
  		<tr>
  			<td >爱好:</td>
  			<td >
  				<input type="checkbox" name="checkbox" checked>上网	
  				<input type="checkbox" name="checkbox" >运动
  				<input type="checkbox" name="checkbox" checked>阅读
  			</td>
  		</tr>
  		<tr>
  			<td >来自:</td>
  			<td >
  				<select ><!-- size="2" multipe -->
  					<option selected>山东</option>
  					<option>广东</option>
  					<option>北京</option>
  					<option>上海</option>
  					<option>重庆</option>
  					<option>四川</option>
  				</select>
  			</td>		
  		</tr>
  		<tr>
  			<td >相片:</td>
  			<td ><input type="file" value="浏览"></td>			
  		</tr>
  		<tr>
  			<td >介绍:</td>
  			<td >
  				<textarea rows="3" cols="60">您好!很高兴认识大家,希望我们能够成为好朋友!</textarea>
  			</td>					
  		</tr>
  		<tr>
  			<td colspan="2" align="center">
  				<input type="submit" value="确定 ">
  				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  				<input type="reset" value="重写">
  			</td>					
  		</tr>
  	</table>	
  	</form>
  </body>
</html>

说明:& nbsp;表示空格。(& nbsp;之间没有空格,这里是因为演示作用)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值