跳至主要內容

表单组件_输入框

刘春龙原创...大约 1 分钟WEB前端小程序教程文档

输入框是 input, 与 html 的输入框类似,但是增加了很多新的功能

输入框属性
属性类型默认值必填说明
valuestring输入框的初始内容
placeholderstring输入框为空时占位符
passwordbooleanfalse是否是密码类型
disabledbooleanfalse是否禁用
maxlengthnumber140最大输入长度,设置为 -1 的时候不限制最大长度
focusbooleanfalse获取焦点
typestringtextinput 的类型
confirm-typestringdone设置键盘右下角按钮的文字,仅在 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