表单组件_输入框
原创...大约 1 分钟
输入框是 input
, 与 html 的输入框类似,但是增加了很多新的功能
输入框属性
属性 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
value | string | 是 | 输入框的初始内容 | |
placeholder | string | 是 | 输入框为空时占位符 | |
password | boolean | false | 否 | 是否是密码类型 |
disabled | boolean | false | 否 | 是否禁用 |
maxlength | number | 140 | 否 | 最大输入长度,设置为 -1 的时候不限制最大长度 |
focus | boolean | false | 否 | 获取焦点 |
type | string | text | 否 | input 的类型 |
confirm-type | string | done | 否 | 设置键盘右下角按钮的文字,仅在 type='text'时生效 |
相关信息
type
属性详解
合法值 | 说明 |
---|---|
text | 文本输入键盘 |
number | 数字输入键盘 |
idcard | 身份证输入键盘 |
digit | 带小数点的数字键盘 |
nickname | 昵称输入键盘 |
confirm-type
属性详解
合法值 | 说明 |
---|---|
send | 右下角按钮为“发送” |
search | 右下角按钮为“搜索” |
next | 右下角按钮为“下一个” |
go | 右下角按钮为“前往” |
done | 右下角按钮为“完成” |
<input />
<input value="测试信息" />
<input placeholder="请输入用户名" />
<input placeholder="请输入密码" password />
<input placeholder="请输入密码" disabled />
<input placeholder="文本" maxlength="10" />
<input placeholder="文本" focus />
<input placeholder="文本" type="text" />
<input placeholder="文本" type="number" />
<input placeholder="文本" type="idcard" />
<input placeholder="文本" type="digit" />
<input placeholder="文本" type="nickname" />
<input placeholder="文本" type="text" confirm-type="send" />
<input placeholder="文本" type="text" confirm-type="search" />
<input placeholder="文本" type="text" confirm-type="next" />
<input placeholder="文本" type="text" confirm-type="go" />
<input placeholder="文本" type="text" confirm-type="done" />
Powered by Waline v2.15.7