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>