Input 输入框

通过鼠标或键盘输入字符。

基础用法

自行设置样式

使用input初始化

显示代码

禁用状态

显示代码

可清空

显示代码

密码框

显示代码

带 icon 的输入框

带有图标标记输入类型

设置图标


设置内容

显示代码

文本域

用于输入多行文本信息。

显示代码

可自适应文本高度的文本域

通过设置 autosize 属性可以使得文本域的高度能够根据文本内容自动进行调整,并且 autosize 还可以设定为一个对象,指定最小行数和最大行数。



显示代码

尺寸

显示代码

输入长度限制



显示代码

参数

你可以通过修改$.fn.input.defaults来修改全局默认配置,也可以在初始化时传入指定配置$(el).input({xx: xx})

参数 说明 类型 可选值 默认值
type 类型 string text,textarea 和其他 原生 input 的 type 值 'text' / 'textarea'
showWordLimit 是否显示输入字数统计,只在 type = "text"type = "textarea" 时有效 boolean - false
clearable 是否可清空,只在 type!="textarea" 时有效 boolean - false
showPassword 是否显示切换密码图标,只在 type!="textarea" 时有效 boolean - false
size 输入框尺寸,只在 type!="textarea" 时有效 string medium / small / mini -
prefixIcon 输入框头部图标,只在 type!="textarea" 时有效 string - -
suffixIcon 输入框尾部图标,只在 type!="textarea" 时有效 string - -
autosize 自适应内容高度,只对 type="textarea" 有效,可传入对象,如,{ minRows: 2, maxRows: 6 } boolean / object - false

方法

你可以通过调用$(el).input('xxx')来调用组件方法。

方法 说明 举例
disable 禁用 $(el).input('disable')
enable 取消禁用 $(el).input('enable')