• 用户注册表单的简单实现


    用户表单的实现
    	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>
    

      

  • 相关阅读:
    专题1
    HDU-6968(DP,和DP)
    ios环境下H5 input 选择图片在函数回调中失效的问题
    vue自定义组件的坑:数组绑定与引号的使用
    关于布局的胡言乱语
    flex布局小结
    微信小程序中overflow:scroll失效的问题
    微信小程序图片的比例问题
    vue用多了反而疏忽了选择器的使用
    在vue项目中做一个类ctrl+f的搜索功能
  • 原文地址:https://www.cnblogs.com/-slz-2/p/15477178.html
Copyright © 2020-2023  润新知