用户注册表单的简单实现

用户表单的实现
	form表单method属性
		get:采用get方式提交的时候,用户提交的信息会显示在浏览器的地址栏上
		post:采用post方式提交的时候,用户提交的信息不会显示在浏览器的地址栏上
		当用户提交的信息中含有敏感信息,如:密码,建议采用post方式提交
		method属性不指定时默认是get
		超链接也可以提交数据给服务器,但是提交的数据都是固定不变的,超链接是get请求
		
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Test</title>
	</head>
	<body>
		<!--
			用户注册:
				用户名	type="text"
				密码		type="password"
				确认密码	type="password"
				性别		type="radio"			加checked表示默认选中
				兴趣爱好	type="checkbox"
				学历		select name="grade"		加selected表示默认选中
				简介		textarea				文本域,文本域没有value属性,用户填写的内容就是value
		-->
		<form action="http://localhost:8080/jd/register" method="post">		
			用户名<input type="text" name="userName">
			<br>
			密码<input type="password" name="password">
			<br>
			确认密码<input type="password">
			<br>
			性别<input type="radio" name="sex" value="1" checked>男	<!--单选按钮的value必须手动指定,加checked表示默认选中-->
			<input type="radio" name="sex" value="0">女
			<br>
			兴趣爱好<input type="checkbox" name="hobby" value="smoke">抽烟
			<input type="checkbox" name="hobby" value="drink">喝酒
			<input type="checkbox" name="hobby" value="fireHair">烫头	
			<br>
			学历<select name="grade">
				<option value="gz">高中</option>
				<option value="dz">大专</option>
				<option value="bk">本科</option>
				<option value="ss" selected>硕士</option>	<!--下拉列表中,selected默认选中-->
			</select>
			<br>
			简介<textarea rows="10" cols="60" name="introduce"></textarea>	<!--文本域,文本域没有value属性,用户填写的内容就是value-->
			<br>        
			<input type="submit" value="注册">
			        
			<input type="reset" value="重置">
		</form>
	</body>
</html>

  

posted @ 2021-10-28 18:49  石乐智先生  阅读(193)  评论(0编辑  收藏  举报