JavaWeb_HTML(19)_HTML 表单整合效果

版权声明:如需转载,请注明出处 https://blog.csdn.net/qq_36260974/article/details/88371280

表单

示例代码:

<html>
	
	<head>
		<title>www.weiyuxuan.com</title>	
	
	</head>
	
	<body>
		
		<h1>HTML表单</h1>
		
		<form action="/xxx/xxx.jsp" method="post">
			
			<input type="hidden" name="userId" value="1">
			
			<br/>用户名:			<input id="username" type="text" name="username" size="40" value="请输入用户名" readonly="readonly" disabled="disabled"><br/>
			
			<br/>&nbsp;&nbsp;码:	<input id="password" type="password" size="40" readonly="readonly" value="123"><br/>
			
			<br/>&nbsp;&nbsp;别:	<input id="man"  type="radio" value="1" name="gender">&nbsp;&nbsp;
			
									<input id="woman" checked="checked" value="2" type="radio" name="gender"><br/>
												
			<br/>&nbsp;&nbsp;好:	<input type="checkbox" checked name="favor" value="1">篮球&nbsp;
			
									<input type="checkbox" name="favor" value="2">足球&nbsp;
															
									<input type="checkbox" name="favor" value="3">乒乓球&nbsp;<br/>
															
			<br/>&nbsp;&nbsp;像:  <input id="pic" type="file" name="pic"><br/>
			
			<br/>&nbsp;&nbsp;资:	<select id="sal" name="sal">
				
									  <option value="">--请选择--</option>
														
									  <option value="6000">6000  </option>
														
									  <option value="8000">8000  </option>
														
									  <option value="10000" selected>10000</option>
															
									</select><br/>
															
			<br/>&nbsp;&nbsp;位:	<select id="job" size="3" name="job" multiple>
				
									  <option value="1">中级工程师</option>
																
									  <option value="2">测试工程师</option>
																
									  <option value="3">架构师    </option>
															
									</select><br/>
															
			<br/>个人介绍:			<textarea name="introduce" rows="3" cols="40" >请输入...</textarea><br/><br/>
			
									<input name="reset" type="reset" value="重置">
										
									<input name="submit" type="submit" value="提交">
										
									<input name="button" type="button" value="按钮提交">
		</form>
		
	</body>
	
</html>

结果图 :
在这里插入图片描述
如有错误,欢迎指正!

猜你喜欢

转载自blog.csdn.net/qq_36260974/article/details/88371280
今日推荐