x-input 单行文本输入

命名为x-input避免与原生input标签渲染冲突

注意不要混淆：x-input不是原生input,不能使用v-model,数据绑定语法为:value.sync,也不支持大多数input上的事件如focus等，如果实在需要处理input事件，可以直接参照WeUI文档直接用html标签。

x-input需要与group配合使用

Props

名字	类型	默认	描述
title	String	无	标题
value	String	无	表单值，双向绑定
inline-desc	String	无	标题下文字
keyboard	String	无	只支持 number,用于激活数字键盘
placeholder	String	无	输入提示
show-clear	Boolean	true	是否显示清除按钮
type	String	text	设置组件内input的type
is-type	String	无	内置验证类型，支持email,china-mobile,china-name
readonly	Boolean	false	只读，不要修改
min	Number	无	最小字符数
max	Number	无	最大字符数
equal-with	String	无	当前input需要与某input输入完全一致，用于确认填写
text-align	String	left	input的对齐样式

Events

名字	参数	描述
on-change	(value)	当值改变时触发

Demos

<!-- 必须输入6-10位的电子邮件地址 -->
<x-input :min=6 :max=10 is-type=email :value.sync="value"></x-input>
<!-- 手机号码验证 -->
<x-input 
    title="手机号"
    is-type="china-mobile" 
    :show-clear=true 
    placeholder="请输入手机号"></x-input>
<!-- 必须输入123456 -->
<x-input
    title="等值判断"
    type="text"
    equal-with="123456"></x-input>

获取验证状态

``` vux height=200 components=Group,Cell,XInput

</template>

export default { data () { value: '' } } ```