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') |