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>
