【前端】利用表单标签自己制作一个简单的表单页面

html中的表单标签：

form标签：

    属性：提交到后台url地址：action    url地址：http：//localhost:8080/XXX
              提交方式：method
                      常用两个：get：把提交的数据放到地址栏上
                                                提交的数据大小有限制
                                                不适合提交私有（敏感）数据：举例密码
                                                             密码数据：加密
                                                             web：MD5加密
                                                             EE：springSecurity：安全框架
                                       post：不会把数据提交到地址栏上
                                                  提交的数据大小没有限制
                                                         请求头
                                                         响应头

                                                         实体参数：formData
                                                  适合敏感参数数据
              用户提交是否成功：onsubmit

表单标签中的分类：

input标签：必填项name
     type=“text”文本输入框
     type=“password”密码输入框
     type=“checkbox”复选按钮
     type=“radio”单选按钮  将type=“radio”和type=“checkbox”看成同一组信息，需要指定相同name属性
     type=“date”（h5特效：日期组件）
     type=“email”（h5里的email组件：符合邮箱格式）
     type=“hidden”：隐藏域（没有效果，但是会携带参数到后台）
     type=“file”上传文件（web：文件上传：后台commos-io/commons-fileupload）
     type=“button”普通按钮（必须要指定默认值value）
     type=“rest”重置按钮
     type=“”
下拉菜单select
     option：下拉选项
     应用场景：省市联动
文本域：textarea
     rows：文本域中指定行数
     cols：指定行中的字符数
按钮相关的 button：按钮组件（h5）
表单标签注册场景：注册、登录

自己练习代码：

	
		
		
	
	
		

			用户名：

			密码：

			特长：
			人美
			心善
			性格好
			腿长
			哪都好
			

			性别：
			男
			女
			

			出生日期：

			Email:

			出生地：
				     选择项

				     陕西省

				     山东省

				     北京

				     广东省

				     黑龙江省

				     吉林省

				    
			
			
				     选择项

				     西安市

				     咸阳市

				     渭南市

				     宝鸡市

				     安康市

				     延安市

			
			

			上传文件信息：

			备注信息：				如有问题可备注：
				
			

			

			 已有账号？登录