目录web前端全系列 教程
1839个小节阅读：2244k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本，未来主流的版本
人工智能 教程
顺势而为，AI创新未来
大厂算法 教程
算法，程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
输入框是input, 与html的输入框类似，但是增加了很多新的功能
xxxxxxxxxx<input />为了展示效果，需要配合样式
xxxxxxxxxxinput{ border: 2px solid red;}| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| 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 | 右下角按钮为“完成” |
xxxxxxxxxx<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"/>配合样式更美观
xxxxxxxxxxinput{ border: 1px solid #999; height: 80rpx; margin: 10px; padding-left: 10px;}实时效果反馈
1. 在微信小程序中，下列那个属性是输入框组件设置键盘右下角按钮的文字：
A placeholder
B value
C type
D confirm-type
答案
1=>D