每日速讯：input 属性有哪些？网上哪些现成的插件用户可以直接拿来用

input 属性有哪些？在Html页面中input标签的应用相信很多用户都懂，<input> 标签用于搜集用户信息，可以根据不同的 type 属性值来确定输入的字段是文本字段、复选框还是掩码后的文本控件、单选按钮、按钮等等。笔者就此为题，给大家总结一些常用的input属性。

input 属性有哪些？

(资料图)

text　文本域

button　按钮

checkbox　复选

file　文件类型限制

hidden　隐藏域

password　密码域

radio　单选

reset　重置按钮

submit　确认按钮

type="text"

<input type="text" name="名称" disabled="disabled" value="禁用" maxlength="20" size="50"><input type="text" name="名称" readonly="readonly" value="只读" maxlength="20" size="30">

效果图：

name 定义 input 元素的名称。

disabled当 input 元素加载时禁用此元素。

value 规定 input 元素的值。

maxlength规定输入字段中的字符的最大长度。

size 定义输入字段的宽度。

type="file"

比如之前做的上传歌曲的demo，可以利用表单提交的方法。直接限制input type=‘file’的文件类型限制，通过accept属性进行设定，多个类型用逗号分隔开;multiple=“multiple”是允许多个上传；然后将它隐藏，UI层按钮可以通过自定义一个标签来美化，可以写这句代码来触发它：

$("#picker").on("click",function(){        $("#fi").get(0).click();    })

效果图：

以上叙述便是input 属性在Html中的应用方法，具体的涉及上传到服务器的内容很简单，而且网络上有现成的插件，用户可以直接拿来用。

推荐DIY文章

WinSCP全是英文如何更改语言 建议大家按照这个方法来设置

森海塞尔全新升级的HD 660S2耳机 富有感染力的低音和更广阔的音域

装系统的步骤是怎样的 详细步骤图解 U盘安装方法是否已经变得比较普遍 世界快报

win10如何硬盘重装系统 和大家介绍win10如何从硬盘重装系统的方法

天天速讯：安装win7需要什么硬件配置 win7系统推荐配置都有什么你知道吗

win7摄像头怎么调出来 本文章将为大家带来win7摄像头相关的图文步骤