表单相关知识

最新推荐文章于 2024-05-23 17:45:07 发布

要想胜利，脚踏实地，不去努力，哭天喊地

最新推荐文章于 2024-05-23 17:45:07 发布

阅读量84

点赞数

分类专栏： html 文章标签： java 数据库 servlet

本文链接：https://blog.csdn.net/cxkjntmxzbh/article/details/127640721

版权

html 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

action是我们的表单信息被提交时后台接收数据的执行脚本的路径

method是数据的传输方式 post是隐性的 get是显性的数据在地址栏能被看到

姓名:<input type="text" name="userName" id="" value="" />

密码:<input type="password" name="userPw" id="" value="" />

男:<input type="radio" name="sex" id="" value="man" />

女: <input type="radio" name="sex" value="woman">

兴趣爱好:

旅游<input type="checkbox" name="" id="" value="" />

上网<input type="checkbox" name="" id="" value="" />

运动<input type="checkbox" name="" id="" value="" />

出生日期:年

</select>

自我简介:

</textarea>

上传照片:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- action是我们的表单信息被提交时 后台接收数据的执行脚本的路径 -->
		<!-- method是数据的传输方式 post是隐性的 get是显性的数据在地址栏能被看到 -->
		<form action="qn.java" method="post">
			<p>	
				<!-- 文本域 -->
				姓名:<input type="text" name="userName" id="" value="" />
			</p>
			<p>
				<!-- 密码域 -->
				密码:<input type="password" name="userPw" id="" value="" />
			</p>
			
			<p>
				<!-- 单选框 -->
				男:<input type="radio" name="sex" id="" value="man" />
				女: <input type="radio" name="sex" value="woman">
			</p>
			
			<p>
				<!-- 复选框 -->
				兴趣爱好:
				旅游<input type="checkbox" name="" id="" value="" />
				上网<input type="checkbox" name="" id="" value="" />
				运动<input type="checkbox" name="" id="" value="" />
			</p>
			<p>
				<!-- 下拉框 -->
				出生日期:年
				<select name="year">
					<option value="1998">1998</option>
					<option value="">1999</option>
					<option value="">2000</option>
					<option value="">2001</option>
				</select>
			</p>
			<p>
				<!-- 多行文本 -->
				自我简介:
				<textarea rows="" cols="">
					
				</textarea>
			</p>
			
			<p>
				<!-- 文件域 -->
				上传照片:
				<input type="file">
			</p>
			<p>
				<!-- 提交按钮 -->
				<input type="submit" value="提交按钮"/>
				<input type="button" name="" id="" value="普通按钮" />
				<input type="reset" name="" id="" value="重置按钮" />
				<!-- 图片按钮 -->
				<input type="image" name="" id="" value="" src="42.png"/>
			</p>
			
		</form>
	</body>
</html>