input属性和保存数据

HTML5新标签

autocomplete：on/off; --------- 规定 <input> 元素输入字段是否应该启用自动完成功能*/

autofocus ----------- 规定当页面加载时 <input> 元素应该自动获得焦点。

form ----------- 规定 <input> 元素所属的一个或多个表单。

formaction ------ 规定当表单提交时处理输入控件的文件的 URL。(只针对 type="submit type="image") 

height --------- 规定 <input>元素的高度。(只针对type="image")。

list ---------------引用 <datalist> 元素，其中包含 <input> 元素的预定义选项。

max min ------------ 规定 <input> 元素的最大，最小值。

maxlength ------------ 规定 <input> 元素中允许的最大字符数。

multiple --------------- 规定允许用户输入到 <input> 元素的多个值。

placeholder ------------ 规定可描述输入 <input> 字段预期值的简短的提示信息 。

step --------------- 规定 <input> 元素的合法数字间隔。

required --------------- 规定必需在提交表单之前填写输入字段。

width ------------------- 规定 <input> 元素的宽度。 (只针对type="image")

disabled -------------- 规定输入字段应该被禁用。

pattern --------------- 规定通过其检查输入值的正则表达式。

readonly --------------- 规定输入字段为只读（无法修改）。

size ------------------ 规定输入字段的宽度（以字符计）。

value ---------------- 规定输入字段的默认值。

input的type属性:

        button  按钮         text 默认文本

		radio 单选           checkbox 复选框

		submit  提交         password  密码

		reset 重置           color  颜色

		number  数字		 file   上传文件

		url  网址     		 email 邮箱

		tel手机号            search 搜索框

		date  日期      	 range  滑块

		time 时间            month  月

		week 周

保存数据：

共3种方法：

localStorage ， sessionStorage 和 Cookie。

区别：

ocalStorage - 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。

sessionStorage - 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。

localStorage 和 sessionStorage 存储大小为5MB。

Cookie 可以设置过期时间，存储大小为4kb，请求时呆在heep请求头中。

运用：

保存数据：localStorage.setItem(key,value);
		 读取数据：localStorage.getItem(key);
		 删除单个数据：localStorage.removeItem(key);
		 删除所有数据：localStorage.clear();
		 得到某个索引的key：localStorage.key(index);
		

保存数据：sessionStorage.setItem(key,value);
		 读取数据：sessionStorage.getItem(key);
		 删除单个数据：sessionStorage.removeItem(key);
		 删除所有数据：sessionStorage.clear();
		 得到某个索引的key：sessionStorage.key(index);


保存数据：Cookie c = new Cookie("username","peter");
         c.setMaxAge(24*60*60);-------------/*设置过期时间1天，以秒为单位*/
         response.addCookie(c);
         删除：
         设置生命周期为0，表示将要删除：cookie.setMaxAge(0);
         后添加执行就可以删除了：response.addCookie(cookie);