HTML——012用户注册的表单，form表单method属性

最新推荐文章于 2021-06-03 05:48:57 发布

大头白菜

最新推荐文章于 2021-06-03 05:48:57 发布

阅读量349

点赞数 1

分类专栏： HTML 文章标签： html post html5 前端

本文链接：https://blog.csdn.net/sk_girl/article/details/115800059

版权

HTML 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<!---->		表示注释
<br>		表示换行

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>用户注册的表单</title>
	</head>
	<body>
		<!--
			用户注册：
				用户名
				密码
				确认密码
				性别
				兴趣爱好
				学历
				简介
				
			form表单method属性:
				get:采用get方式提交的时候，用户提交的信息会显示在浏览器的地址栏上。
				post:采用bost方式提交的时候,用户提交的信息不会显示在浏览器地址栏上。
				当用户提交的信息中含有敏感信息,例如:密码,建议采用post方式提交。
				
				method属性不指定，或者指定get，这种情况下都是get。
				只有当method属性指定为post的时候才是post请求。
				剩下所有的请求都是get请求。
				
				post提交的时候提交的数据格式和get还是一样的， 只不过不再地址栏上显示出来。
				post提交的数据还是: name=value&name=value&name=value……
		-->
		<form action="http://localhost:8088/jd/register" method="get">		<!--method="post"隐藏数据	其提交后网址http://localhost:8088/jd/register-->
			用户名
			<input type="text" name="username"/><br>
			
			密码
			<input type="password" name="userpwd"/><br>
			
			确认密码
			<input type="password" /><br>
			
			性别
			<input type="radio" name="sex" value="1" checked/>男		<!--checked默认选中-->
			<input type="radio" name="sex" value="0"/>女<br>			<!--单选按钮的value必须手动指定-->
			
			兴趣爱好
			<input type="checkbox" name="interest" value="run"/>跑步
			<input type="checkbox" name="interest" value="skate"/>滑板
			<br>
			
			学历
			<select name="grade">
				<optgroup>
					<option value ="gz" selected>高中</option>	<!--selected默认选中-->
					<option value ="dz">大专</option>	
					<option value ="bk">本科</option>
					<option value ="ss">硕士</option>
				</optgroup>
			</select>
			<br><br><br>
			
			简介		<!--文本域，文本域没有value属性，用户填写的内容就是value-->
			<textarea rows="10" cols="20" name="introduce"></textarea>
			<br>
			
			<input type="submit" value="注册" />
			<input type="reset" value="清空" />
		</form>
		
		
		
		<!--
		超链接也可以提交数据给服务器，但是提交的数据都是固定不变的。
		超链接是get请求，不是post请求。
		-->
		<a href="http://localhost:8080/oa/save?username=zhangsan&password=111" >提交</a>
		
		
		
	</body>
</html>



<!--
method="get"时
输入数据注册后的网址类型如下
http://localhost:8088/jd/register?username=wangye&userpwd=123&sex=1&interest=skate&grade=dz&introduce=jackl
-->

浏览器上显示：
在这里插入图片描述

大头白菜

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML——012用户注册的表单，form表单method属性

 表示注释<br> 表示换行<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>用户注册的表单</title> </head> <body> <!-- 用户注册：用户名密码确认密码性别兴趣爱好学历简介
复制链接

扫一扫

专栏目录