html之表单例题

最新推荐文章于 2023-12-23 16:31:54 发布

原创最新推荐文章于 2023-12-23 16:31:54 发布

· 744 阅读

6 ·

版权

文章标签：

#html #表单

前端专栏收录该内容

11 篇文章

订阅专栏

本文主要探讨了HTML中的表单元素及其用法，通过实例展示了如何创建和使用表单，包括输入字段、按钮、选择菜单等组件的配置与交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>个人信息</title>
		
	</head>
	<body>
		
			<form  action="" method="get" >
				
				
				
				<!-- <table align="left" >
					<tr>
						<td>昵称：</td>
					</tr>
					<tr>
						<td>真实姓名：</td>
					</tr>
					<tr>
						<td>所在地：</td>	
					</tr>
					
				</table>
				
				<table align="left" >
					<tr>
						<td><input type="text" name="name" /><br /></td>
					</tr>
					<tr>
						<td><input type="text" name="username"/><br /></td>
					</tr>
					<tr>
						<td><select>
						<option value ="北京">北京</option>
						<option value ="上海">上海</option>
						<option value ="杭州">杭州</option>
						</select>
						<select>
								<option value ="朝阳区">朝阳区</option>
								<option value ="海淀区">海淀区</option>
								<option value ="丰台区">丰台区</option>
								</select><br /></td>
					</tr>
				</table> -->
				
				昵称：<input type="text" name="name" /><br />
				真实姓名：<input type="text" name="username"/><br />
				所在地：<select>
						<option value ="北京">北京</option>
						<option value ="上海">上海</option>
						<option value ="杭州">杭州</option>
						</select>
						<select>
								<option value ="朝阳区">朝阳区</option>
								<option value ="海淀区">海淀区</option>
								<option value ="丰台区">丰台区</option>
								</select><br />
				性别：<input type="checkbox" checked="checked" name="gener" id="" value="男" />男
						<input type="checkbox" name="gener" id="" value="男" />女<br />	
				生日：<select>
						<option value ="2009">2009</option>
						<option value ="2010">2010</option>
						<option value ="2011">2011</option>
						</select>
					<select>
						<option value ="01">01</option>
						<option value ="02">02</option>
						<option value ="03">03</option>
						</select>
					<select>
						<option value ="01">01</option>
						<option value ="02">02</option>
						<option value ="03">03</option>
						</select><br />	
				博客地址：<input type="url" name="url"  /><br />
				常用邮箱：<input type="email" name="email" value="mofeiangmotao@sina.com"  />
						<input type="button" name="bt" value="修改" /><br />
				QQ:<input type="text" name="qq"  /><br />
				MSN:<input type="text" name="msn"  /><br />
				一句话介绍：<textarea rows="5" cols="10">人生在于折腾
				</textarea><br />
				证件类型：身份证<br />
				证件号码：<input type="text" name="userId"  /><br />
				<input type="submit" value="保存"/>
		
		
		</form>
		
	</body>
</html>