<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<!--action:指定当单机表单内的确认按钮时，该表单被提交到那个地址（绝对或相对地址）。该属性必填。
		method:指定提交表单时发送何种请求，该属性有get和post两种属性值，通常建议发送post请求，该属性必填，表单默认以get方式提交请求。
		    get请求和post请求的区别如下：
		    get请求方式：直接在浏览器地址栏中输入访问地址所发送的请求，或提交表单发送请求时，该表单对应的form元素没有设置method属性，
		                或设置了method属性为get，这几种都是get方式的请求。Get方式的请求会将请求参数的名和值转换为字符串，并附加在原url之后，
		                因此可以在地址栏中看到请求参数的名和值。且get请求传送的数据量较小。
		     Post方式的请求：这种方式通常使用提交表单的方式来发送，并且不要设置form的method属性为post。Post方式传送的数据量较大，
		                通常认为post请求参数的大小不受限制，但往往取决于服务器的限制，post请求传输的数据量总比get传输的数据量大，
		                而且post方式发送的请求参数以及对应的值放在HTML HEADER中传输，用户不能在地址栏中看到请求的参数值，安全性相对较高。 
		name：指定表单的唯一名称，建议该属性值与id属性值保持一致                -->
		<form action="/user" method="post" name="user">
	       <!--在form表单中，我们可以对form中的信息进行分组归类，如注册表单的form，我们可以将注册信息分组成
　　　　基本信息（一般为必填）
　　　　详细信息（一般为可选）
　　       那我们如何更好的来实现呢？我们可考虑在表单form中加入下面两个标签：
　　　　fieldset：对表单进行分组，一个表单可以有多个fieldset。
　　　　legend：说明每组的内容描述。-->
			<fieldset>	
				<legend>个人信息</legend>
				<!--test：设置文本框，默认值
				name：用于Servlet获取该框的数据
				placeholder：设置提示信息
				value：用于设置默认值，此时placeholder提示信息不显示
				id：用于唯一标识该文本框，整个页面唯一，不允许重复，在确保唯一的前提下，常常与name标签属性值相同
				maxlenght：设置最长字符个数
				readonly：设置文本框内容只读，但是数据可以被Servlet获取
				disabled：禁用文本框，数据不能被Servlet获取-->
				用户名：<input type="text" name="username" value="jia" readonly="readonly"/><br />
				组名：<input type="text" name="zu" placeholder="B组" disabled="disabled" /><br />
				<input type = "password" name="password" placeholder="请输入用户名" value="asd" id="password" maxlength="5" readonly="readonly"  disabled="disabled"/>
				<!--radio设置单选框
	        	name：用于Servlet获取该框的数据
	        	value：用于设置默认值，被Servlet捕获
	        	id：用于唯一标识该单选框，不能和name标签属性值相同
	        	disabled:禁用单选框，数据不能被Servlet捕获
	        	checked：用于设置默认选项值-->
				<input type="radio" name="sex" id="man" checked />
				<!--可以与input标签相关联，即点击文字也会进入相应的输入框，条件： label的for属性值与input的id相同-->
				<label for="man">男</label>	
				<input type="radio" name="sex" id="woman" />
				<label for="woman">女</label>	<br />
				<!--checkbox：设置复选框
	        	name：用于Servlet获取该框的数据，request.getParameterValues()
	        	value：用于设置默认值，被Servlet捕获
	        	id：用于唯一标识该单选框，不能和name标签属性值相同
	        	disabled:禁用复选框，数据不能被Servlet捕获
	        	checked：用于设置默认选项值-->
				爱好：<input type="checkbox" name="favorite" />打篮球
				<input type="checkbox" name="favorite" />唱歌
				<input type="checkbox" name="favorite" />购物
				<input type="checkbox" name="favorite" />玩游戏<br />
				<!--select标签当添加multiple属性后，是指明该下拉框可以进行多选，但是添加上multiple属性后，页面的呈现是样式会发生改变
	                        也就是 页面会将所有的下拉框的值全部展示出来
	                        此时，需要在select标签的内部再次添加属性：size=“” 里面的数值根据select中有几个值而定
	                        这样基本样式可以改变
	                        进行回填的时候，数值也不会再次发生改变-->
				居住地：<select name="city" multiple="multiple">
					<option>北京</option>
					<option>西京</option>
					<option>东京</option>
					<option>南京</option>
				</select>
				<select name="area">
					<option>昌平区</option>
					<option>海定区</option>
				</select><br />
				<!--file:设置文件框
	         	name：用于Servlet获取该框的数据
	         	id：用于唯一标识该文件框，整个页面唯一，不允许重复，在确保唯一的前提下，常常与name标签属性值相同
	         	disable:禁用文件框，数据不能被Servlet获取
	         	multiple：用于设置多选-->
				个人照片：<br /><input type="file" name="photo" /><br />
				<!--textarea:设置文件域
	         	name：用于Servlet获取该框的数据
	         	id：用于唯一标识该文件框，整个页面唯一，不允许重复，在确保唯一的前提下，常常与name标签属性值相同
	         	resize：CSS样式属性，用于设置是否禁止调整文本域大小
	         	readonly：设置文本框内容只读，但是数据可以被Servlet获取
	         	disable:禁用文本域，但是数据可以被Servlet获取-->
				个人描述：<br /><textarea name="description" rows="10" cols="100">请输入个人描述，不少于100字。</textarea><br />
				<!--submit:提交表单  reset:重置表单   button:按钮
	         	value：设置按钮的信息
	         	id：用于唯一标识该按钮
	         	disabled：禁用提交按钮-->
				<input type="submit" value="提交">   <input type="reset" value="重置">
			</fieldset>	
		</form>
	</body>
</html>