input 属性及类型有哪些（type=text/button/hidden)

　　input 从字面意就可以看出专门用来给用户输入文字的，当然也包括选择文件，它不具体表示某一类元素（如文本框 text），要使它具体表示一类元素必须加类型指明，如表示文本框加 type="text"；type 也是 input 众多属性中最重要的一个。

　　input 属性除 type 外，常用的属性还有 id、name、value、style、class、maxlength 等等，具体属性众多，下面将具体说明，先看 type 属性。

　　一、input 属性之类型

　　input 的类型属性用于指明哪一类元素，具体如下：

　　<input type="text"：文本输入框；
　　<input type="checkbox"：复选框，一次可以选择多个；
　　<input type="radio"：单选框，一次只能选择一个；

　　<input type="file"：文件浏览选择框；
　　<input type="submit"：提交按钮；
　　<input type="button"：提交按钮；

　　<input type="hidden"：隐藏，常用于保存一个值，如ID号；

　　<input type="image"：用于显示图片，同时要加指明图片地址的属性 src，如：
　　<input type="image" src="/images/temp.jpg" name="inImage" />

　　<input type="password"：用于显密码，所输入的字母用圆点或*表示；

　　<input type="reset"：重置按钮，清空当前表单，需要放在 form 中，否则无效，如：
　　<form method="get" action="">
　　　　<input type="reset" name="inp" class="" style=""/>
　　</form>

　　二、input 属性

　　name：表示当前元素的名称；
　　id：表示当前元素的ID；
　　class：引用CSS样式；

　　style：定义CSS样式；
　　value：表示当前元素的值；
　　maxlength：允许输入的字符数量，每个汉字也像英文字母一样算一个；

　　onblur：光标离开触发事件，需要赋一个 javascript 方法给它，以下的触发事件同；
　　onchange：值改变触发事件；
　　onclick：单击 input 触发事件；

　　onfocus：聚焦触发事件；
　　title：设置 input 的标题；
　　readonly：是否设置为只读，true 设置为只读，false非只读；

　　runat：设置为在服务器运行的控件；
　　visible：是否显示 input，true显示，false隐藏；
　　enableviewstate：是否启用在网页中加密保存 input 的值；

　　ondblclick：双击触发事件；
　　onkeydown：按下键盘触发事件；
　　onkeypress：按下键盘，只要释放一个键就触发；这分为两种情况，第一种情况，一次只按下一个键，释放这个键时触发；第二种情况，一次按下多个键，只要释放其中一个就触发；

　　onkeyup：释放按键时触发；
　　onmousedown：按下鼠标触发事件；
　　onmousemove：移动鼠标触发事件；

　　onmouseout：鼠标离开触发事件；
　　onmouseup：鼠标弹上触发事件；
　　onprerender：显示输出时触发事件；

　　onselect：选择触发事件；
　　onserverchange：单击、选择时调用服务器端方法（即后台方法）；
　　onunload：关闭页面时触发事件；

　　size：用于设置初始宽度，如果 input type="text/password"，表示可见字符数，例如 size=6，表示可以输入很多字符，但只显示6个；

　　tabindex：tab索引键，也就是按 tab 键时，定位到 input 的顺序；
　　accesskey：设置快捷键，使用时需加 Alt 键，即 Alt + accesskey；

　　clientidmode：客户端ID模式；
　　dir：设置（文字）的排列方式；
　　lang：设置或返回 input 的语言类型，例如：lang="zh" 表示中文，lang="en" 表示英文；

　　xml:lang：设置或返回 input 的 xml 的语言类型；

　　以下是带上所属性的 input：
　　<input type="text" id="inputId" name="inputId" class="" style="" onblur="" onchange="" onclick="" title=""visible="true" onfocus="" readonly="readonly" runat="server" enableviewstate="false" ondblclick="" onkeydown="" onkeypress="" onkeyup="" onmousedown="" onmousemove="" onmouseout="" onmouseup="" onprerender="" onselect="" onserverchange="" onunload="" size="18" tabindex="" accesskey="" clientidmode="AutoID" dir="" lang="zh" xml:lang="en" />