表单组件_输入框

输入框是 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" />

至此，本章节的学习就到此结束了，如有疑惑，可对接技术客服进行相关咨询。