HTML

<input>
type="text"    #文本域
type="password"
type="radio"    #单选按钮
type="checkbox"    #复选
type="submit"    #提交

---

表单

<form action="">
    <input type="      " name="" value="">
    <input type="submit" name="" value="">
</form>

<form action="test">
    First name: <input type="text" name="name1" value="s1"><br>
    Last name: <input type="text" name="name2" value="s2"><br> 
    <input type="submit" value="confirm">
</form>
//转到：一级域名/test?name1=s1&name2=s2

---

存储

• localStorage - 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。
• sessionStorage - 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。

// 存储
localStorage.sitename = "菜鸟教程";
// 查找
document.getElementById("result").innerHTML = localStorage.sitename;

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

全局变量只能作用于当前页面（注意，不是当前tab或窗口），例如A.html在同一个tab内跳转到 B.html，B是无法获取A中定义的全局变量的
sessionStorage的作用域是会话，只要你不在新的tab或窗口中打开html页面，那么这些页面都是属于一个session，是可以通过sessionStorage共享数据的。所以A.html在同一个tab内跳转到 B.html，B是可以通过sessionStorage获取A存在sessionStorage中的数据的。