本篇文章为你整理了Input 输入框（input输入框禁止输入）的详细内容，包含有input输入框不能输入 input输入框禁止输入 input输入框添加图片 input输入框添加小图标 Input 输入框，希望能帮助你了解 Input 输入框。
跳转到内容指南组件资源Menu Back to top 赞助商
Basic 基础组件
Button 按钮
Border 边框
Color 色彩
Container 布局容器
Icon 图标
Layout 布局
Link 链接
Text 文本
Scrollbar 滚动条
Space 间距
Typography 排版
配置组件
Config Provider 全局配置
Form 表单组件
Autocomplete 自动补全输入框
Cascader 级联选择器
Checkbox 多选框
Color Picker 取色器
Date Picker 日期选择器
DateTime Picker 日期时间选择器
Form 表单
Input 输入框
Input Number 数字输入框
Radio 单选框
Rate 评分
Select 选择器
Virtualized Select 虚拟化选择器
Slider 滑块
Switch 开关
Time Picker 时间选择器
Time Select 时间选择
Transfer 穿梭框
Upload 上传
Data 数据展示
Avatar 头像
Badge 徽章
Calendar 日历
Card 卡片
Carousel 走马灯
Collapse 折叠面板
Descriptions 描述列表
Empty 空状态
Image 图片
Infinite Scroll 无限滚动
Pagination 分页
Progress 进度条
Result 结果
Skeleton 骨架屏
Table 表格
Virtualized Table 虚拟化表格
2.2.0Tag 标签
Timeline 时间线
Tree 树形控件
TreeSelect 树形选择
2.1.8Virtualized Tree 虚拟化树形控件
Statistic 统计组件
2.2.30Navigation 导航
Affix 固钉
Backtop 回到顶部
Breadcrumb 面包屑
Dropdown 下拉菜单
Menu 菜单
Page Header 页头
Steps 步骤条
Tabs 标签页
Feedback 反馈组件
Alert 提示
Dialog 对话框
Drawer 抽屉
Loading 加载
Message 消息提示
Message Box 消息弹出框
Notification 通知
Popconfirm 气泡确认框
Popover 弹出框
Tooltip 文字提示
Others 其他
Divider 分割线
Input 输入框 #通过鼠标或键盘输入字符
WARNING
Input 为受控组件，它 总会显示 Vue 绑定值。
在正常情况下，input 的输入事件应该被正常响应。 它的处理程序应该更新组件的绑定值 (或使用 v-model)。 否则，输入框的值将不会改变。
不支持 v-model 修饰符。
基础用法 #禁用状态 #一键清空 #格式化 #在 formatter的情况下显示值，我们通常同时使用 parser
密码框 #带图标的输入框 #带有图标标记输入类型
文本域 #用于输入多行文本信息可缩放的输入框。 添加 type= textarea 属性来将 input 元素转换为原生的 textarea 元素。
自适应文本域 #设置文字输入类型的 autosize 属性使得根据内容自动调整的高度。 你可以给 autosize 提供一个包含有最大和最小高度的对象，让输入框自动调整。
复合型输入框 #可以在输入框中前置或后置一个元素，通常是标签或按钮。
尺寸 #输入长度限制 #API #Attributes #属性名说明类型默认值type类型string native input typestextmodel-value / v-model绑定值string / number—maxlength最大输入长度string / number—minlength原生属性，最小输入长度number—show-word-limit是否显示统计字数, 只在 type 为 text 或 textarea 的时候生效booleanbooleanplaceholder输入框占位文本string—clearable是否显示清除按钮，只有当 type 不是 textarea时生效booleanfalseformatter指定输入值的格式。(只有当 type 是 text 时才能工作)Function—parser指定从格式化器输入中提取的值。(仅当 type 是 text 时才起作用)Function—show-password是否显示切换密码图标booleanfalsedisabled是否禁用booleanfalsesize输入框尺寸，只在 type 不为 textarea 时有效enum—prefix-icon自定义前缀图标string / Component—suffix-icon自定义后缀图标string / Component—rows输入框行数，仅 type 为 textarea 时有效numbernumberautosizetextarea 高度是否自适应，仅 type 为 textarea 时生效。 可以接受一个对象，比如: { minRows: 2, maxRows: 6 }boolean / objectfalseautocomplete原生 autocomplete 属性stringoffname等价于原生 input name 属性string—readonly原生 readonly 属性，是否只读booleanfalsemax原生 max 属性，设置最大值——min原生属性，设置最小值——step原生属性，设置输入字段的合法数字间隔——resize控制是否能被用户缩放enum—autofocus原生属性，自动获取焦点booleanfalseform原生属性string—labela11y等价于原生 input aria-label 属性string—tabindex输入框的 tabindexstring / number—validate-event输入时是否触发表单的校验booleantrueinput-styleinput 元素或 textarea 元素的 stylestring / object{}Events #事件名说明类型blur当选择器的输入框失去焦点时触发Functionfocus当选择器的输入框获得焦点时触发Functionchange仅当 modelValue 改变时，当输入框失去焦点或用户按Enter时触发Functioninput在 Input 值改变时触发Functionclear在点击由 clearable 属性生成的清空按钮时触发FunctionSlots #插槽名说明prefix输入框头部内容，只对非 type= textarea 有效suffix输入框尾部内容，只对非 type= textarea 有效prepend输入框前置内容，只对非 type= textarea 有效append输入框后置内容，只对非 type= textarea 有效Exposes #名称说明类型blur使 input 失去焦点Functionclear清除 input 值Functionfocus使 input 获取焦点FunctioninputInput HTML 元素objectrefHTML元素 input 或 textareaobjectresizeTextarea改变 textarea 大小Functionselect选中 input 中的文字FunctiontextareaHTML textarea 元素objecttextareaStyletextarea 的样式object源代码 #组件 • 文档
贡献者 # 云游君 Jeremy 三咲智子 Xc Zhongxiang Wang Hefty msidolphin btea Aex Alan Wang zz 0song qiang acyza iamkun 류한경 opengraphica bqy_fe Delyan Haralanov Satrong C.Y.Kun Ryan2128 Serendipity96 白雾三语 张大大 kouchao kooriookami Herrington Darkholme Zapic bchen1029 SongWuKong RealityBoy wd troy Enoch Qin on the field of hope Vgbire Hades-li Jeffrey-Wang Kim Yang weidehai在 Crowdin 上编辑此页面 Form 表单Input Number 数字输入框Contents基础用法禁用状态一键清空格式化密码框带图标的输入框文本域自适应文本域复合型输入框尺寸输入长度限制APIAttributesEventsSlotsExposes源代码贡献者赞助商
成为赞助商！Your logo链接GitHub国内镜像站点
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。