html中input标签的使用

前言：input 作为html中跟用户交互最直接相关的标签，可以用来输入文本，文件上传，提交表单等等…input标签的应用非常广泛，也可以设置很多不同的属性。这篇博客主要总结了input标签的使用。

首先，我们来看一下 常用的示例：

    




    


    


    


    点击选中


    


    


    

实现的效果如下图：

（一）常用 input 的 type 属性

1. HTML 文本输入框

标签语法
HTML元素含义	HTML 文档中的一个文本输入框
特有行为/属性

2. HTML 文件上传

标签语法
HTML元素含义	HTML 文档中的 上传文件 按钮
特有行为/属性

3. HTML提交按钮

标签语法
HTML元素含义	HTML 文档中的 提交 元素
特有行为/属性	提交整个表单

4. HTML DOM Button 对象

标签语法
HTML元素含义	HTML 文档中的一个按钮
特有行为/属性	该元素没有默认的行为， 但是必须有一个 onclick 事件句柄以便使用。

5. HTML DOM Checkbox 对象

标签语法
HTML元素含义	HTML 表单中的 一个选择框
特有行为/属性	defaultChecked：返回 checked 属性的默认值。

6. HTML DOM Color 对象

标签语法
HTML元素含义	HTML 文档中的 一个拾色器
特有行为/属性	span：设置或返回列的 span 属性的值

注：Internet Explorer 和 Safari 不支持 元素。

7. HTML DOM Input Date 对象

标签语法
HTML元素含义	HTML 文档中选择 Date 控件
特有行为/属性

注：Internet Explorer 或 Firefox 不支持 元素。