input输入框组件说明

Posted wm218

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了input输入框组件说明相关的知识,希望对你有一定的参考价值。

input输入框组件

原型:

<input
    value="[String]"
    type="[text | number | idcard | digit]"
    password="[Boolean]"
    placeholder="[String]"
    placeholder-style="[String]"
    placeholder-class="[String]"
    disabled="[Boolean]"
    maxlength="[Number]"
    cursor-spacing="[Number | String]"
    focus="[Boolean]"
    confirm-type="[done | send | search | next | go ]"
    confirm-hold="[Boolean]"
    cursor="[Number]"
    selection-start="[Number]"
    selection-end="[Number]"
    adjust-position="[Boolean]"
    bindinput="[EventHandle]"
    bindfocus="[EventHandle]"
    bindblur="[EventHandle]"
    bindconfirm="[EventHandle]"

>
</input>

 

属性:

名称 是否必需 类型 默认值 说明
value [String]   输入框的初始内容
type [text | number | idcard | digit] text

输入框输入键盘类型

text  文本输入键盘

number 数字输入键盘

idcard 身份证输入键盘

digit 带小数点的数字键盘

password [Boolean] false 是否是密码类型
placeholder [String]   输入框为空时占位符
placeholder-style [String]   指定 placeholder 的样式
placeholder-class [String] input-placeholder 指定 placeholder 的样式类
disabled [Boolean] false 是否禁用
maxlength [Number] 140 最大输入长度(设置为-1时不限制最大长度)
cursor-spacing [Number | String] 0 指定光标与键盘的距离,单位px或rpx,默认为px。取 input 距离底部的距离和 cursor-spacing 指定的距离的最小值作为光标与键盘的距离
         
         
         
         
         
         
         
         
         
         

以上是关于input输入框组件说明的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序 输入框 input 组件

Vue使用antd中input组件去验证输入框输入内容-rules-案例

Vue使用antd中input组件去验证输入框输入内容-rules-案例

Vue使用antd中input组件去验证输入框输入内容-rules-案例

ElementUI输入框组件

python测试开发django-137.Bootstrap 输入框组件input-group