<body>
<!-- input属性
button 按钮
text 默认文本
radio 单选
checkbox 复选框
submit 提交
password 密码
reset 重置
color 颜色
number 数字
file 上传文件
url 网址
email 邮箱
tel手机号
search 搜索框
date 日期
range 滑块
time 时间
month 月
week 周
-->
<!-- multiple 可以上传多个文件,通常与file搭配使用 -->
<!-- placeholder 表单的请示文字 -->
<!-- required 表单输入不能为空 -->
<!-- autofocus设置默认焦点 -->
<!-- autocomplete记录历史输入 on打开 off关闭 -->
<!-- pattern 正则验证 -->
<!-- min max 数字的值 通常与number和range -->
<!-- step 数字的跳跃间隔 -->
<!-- readonly只读模式 -->
<!-- disabled禁用模式 -->
<input type="file" multiple name="" id="" value="" />
<form method="post">
<!-- <input type="text" placeholder="请输入" required> -->
<!-- <input type="url" name="" id="" value="" /> -->
<!-- <input type="text" pattern="[A-Za-z]{3}" name="" id="" value="" /> -->
<input type="text" readonly>
<input type="text" disabled>
<input type="number" min="3" name="" id="" value="" />
<input type="number" step="5" name="" id="" value="" />
<input type="range" name="" id="" value="" />
<input type="email" name="" id="" value="" autofocus />
<!-- <input type="date">
<input type="time" name="" id="" value="" />
<input type="number">
<input type=" button"> -->
<input type="submit" value="提交"/>
</form>
<form autocomplete="on">
First name:<input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
E-mail: <input type="email" name="email" autocomplete="off"><br>
<input type="submit">
</form>
<!-- localStorage - 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去除。
sessionStorage - 用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。 -->
<div id="result"></div>
<div id="ids"></div>
<!-- 保存数据: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); -->