当前位置：系统之家 > 系统教程 > input 属性有哪些

input 属性有哪些？input标签常用属性介绍

时间：2017-08-15 15:28:01 作者：quers 来源：系统之家 1. 扫描二维码随时看资讯 2. 请使用手机浏览器访问： http://m.xitongzhijia.5same.com/xtjc/20170815/104843.html 手机查看评论反馈

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

　　input 属性有哪些？

　　text　文本域

　　button　按钮

　　checkbox　复选

　　file　文件类型限制

　　hidden　隐藏域

　　password　密码域

　　radio　单选

　　reset　重置按钮

　　submit　确认按钮

　　type="text"

01<input type="text" name="名称" disabled="disabled" value="禁用" maxlength="20" size="50">
02<input type="text" name="名称" readonly="readonly" value="只读" maxlength="20" size="30">
复制代码
<input type="text" name="名称" disabled="disabled" value="禁用" maxlength="20" size="50">
<input type="text" name="名称" readonly="readonly" value="只读" maxlength="20" size="30">

　　效果图：

input 属性有哪些？input标签常用属性介绍

　　name 定义 input 元素的名称。

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

　　value 规定 input 元素的值。

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

　　size 定义输入字段的宽度。

　　type="file"

input 属性有哪些？input标签常用属性介绍

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

01$("#picker").on("click",function(){
02$("#fi").get(0).click();
03})
复制代码
$("#picker").on("click",function(){
$("#fi").get(0).click();
})

　　效果图：

input 属性有哪些？input标签常用属性介绍

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

标签 Input

发表评论

共0条

验证码

没有更多评论了

评论就这些咯，让大家也知道你的独特见解

立即评论

以上留言仅代表用户个人观点，不代表系统之家立场

input 属性有哪些？input标签常用属性介绍

相关教程

发表评论

其他版本软件

热门教程

人气教程排行

相关系统推荐

猜你想搜