6，表单

1，明文输入框

---

<from action="xx" method=" post（不会出现在地址栏）/get">

<input type="text" name="fullname"  maxlength="8"(最大长度)  value="默认值"/>

</form>

---

2,暗文输入框

---

<from >

<input type="password"  name="fullname"  maxlength="8"(最大长度)  value="默认值"/>

</form>

---

---

3，单选按钮

---

<from>

<input type="radio" name="tong" checked="checked"（默认选中）/>男

</form>

1，可以设置多个单选，但要实现互斥效果name必须一致。

---

4， 多选框(checkbox)

---

<from>

<input type="checkbox" name="aihao" checked="checked"（默认选中）/>篮球

</from>

1,可以设置多个选项，name必须一致。

---

5，label聚焦

---

<label for="zhanghu">账户</label>

<input type="text" id=zhuanghu>

---

6,普通按钮

---

<input type="button" value="我是按钮">

1，多数用于启动脚本

---

7，图片按钮

---

<input type="image" src="xxx.png">

---

8, 重置按钮

---

<input type="reset">

1,只对from表单有效

---

9， 提交按钮

---

<input type="submit">

1,把数据提交到action的地址

2，所提交项必须有name

3，默认get不安全，post安全。

---

10，新属性：color date

---

1，很多浏览器不兼容。

---

11， datalist 框绑定待选列表

---

<input type="text" list="mingzi">

<datalist id="mingzi">

<option value="各种东西">

</datalist>

---

12,多行文本域

---

<textarea cols(列)="30" rows(行)="10"> 默认文字</textarea>

1,默认是可以拉伸的

textarea{

//禁止拉伸

resize: none; 

 }

---

13,下拉列表

---

<select>

<optgroup label="文字">(包裹起来可以添加分组)

<option selected="selected"(默认选中)>文字</option>

</optgroup>

</select>

---