# rax-textinput
[![npm](https://img.shields.io/npm/v/rax-textinput.svg)](https://www.npmjs.com/package/rax-textinput)
## 支持
Web / Weex / 阿里小程序 / 微信小程序 / 字节跳动小程序
## 描述
TextInput 是唤起用户输入的基础组件。
当定义 multiline 输入多行文字时其功能相当于 textarea。
## 安装
```bash
$ npm install rax-textinput --save
```
## 属性
| **属性** | **类型** | **默认值** | **必填** | **描述** | **支持** |
| ------------------ | ---------- | ---------- | -------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| multiline | `boolean` | - | false | 定义该属性文本框可以输入多行文字 | <img alt="browser" src="https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg" width="25px" height="25px" /> <img alt="Weex" src="https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg" width="25px" height="25px" /> <img alt="miniApp" src="https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg" width="25px" height="25px" /> <img alt="wechatMiniprogram" src="https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg" width="25px" height="25px"> <img alt="quickApp" src="https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg" width="25px" height="25px"> <img alt="miniApp" src="https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg" width="25px" height="25px" /> |
| accessibilityLabel | `string` | - | false | 为元素添加标识 | <img alt="browser" src="https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg" width="25px" height="25px" /> |
| autoComplete | `boolean` | - | false | 添加开启自动完成功能 | <img alt="browser" src="https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg" width="25px" height="25px" /> <img alt="Weex" src="https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg" width="25px" height="25px" /> |
| autofocus | `boolean` | - | false | 添加开启获取焦点 | <img alt="browser" src="https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg" width="25px" height="25px" /> <img alt="Weex" src="https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg" width="25px" height="25px" /> <img alt="miniApp" src="https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg" width="25px" height="25px" /> <img alt="wechatMiniprogram" src="https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg" width="25px" height="25px"> <img alt="miniApp" src="https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg" width="25px" height="25px" /> |
| onAppear | `function` | - | false | 当前元素可见时触发 | <img alt="browser" src="https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg" width="25px" height="25px" /> <img alt="Weex" src="https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg" width="25px" height="25px" /> |
| editable | `boolean` | - | false | 默认为 true 如果为 fase 则文本框不可编辑 | <img alt="browser" src="https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg" width="25px" height="25px" /> <img alt="Weex" src="https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg" width="25px" height="25px" /> <img alt="miniApp" src="https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg" width="25px" height="25px" /> <img alt="wechatMiniprogram" src="https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg" width="25px" height="25px"> <img alt="quickApp" src="https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg" width="25px" height="25px"> |
| keyboardType | `string` | - | false | 设置弹出哪种软键盘 <br/> web 支持的值有:`default` `ascii-capable` `numbers-and-punctuation` `url` `number-pad` `phone-pad` `name-phone-pad` `email-address` `decimal-pad` `twitter` `Web-search` `numeric`<br/> 支付宝小程序支持的值有:`text` `number` `idcard` `digit` `numberpad` `digitpad` `idcardpad`<br/> 微信小程序支持的值有:`text` `number` `idcard` `digit` |<img alt="browser" src="https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg" width="25px" height="25px" /> <img alt="Weex" src="https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg" width="25px" height="25px" /> <img alt="miniApp" src="https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg" width="25px" height="25px" /> <img alt="wechatMiniprogram" src="https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg" width="25px" height="25px"> <img alt="miniApp" src="https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg" width="25px" height="25px" /> |
| maxLength | `number` | - | false | 设置最大可输入值 | <img alt="browser" src="https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg" width="25px" height="25px" /> <img alt="Weex" src="https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg" width="25px" height="25px" /> <img alt="miniApp" src="https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg" width="25px" height="25px" /> <img alt="wechatMiniprogram" src=
没有合适的资源?快使用搜索试试~ 我知道了~
Rax基础组件_JavaScript_TypeScript_下载.zip
共652个文件
ts:139个
js:118个
json:113个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 35 浏览量
2023-04-21
11:03:09
上传
评论
收藏 478KB ZIP 举报
温馨提示
Rax基础组件_JavaScript_TypeScript_下载.zip
资源推荐
资源详情
资源评论
收起资源包目录
Rax基础组件_JavaScript_TypeScript_下载.zip (652个子文件)
index.acss 322B
index.acss 322B
index.acss 311B
index.acss 287B
index.acss 287B
index.acss 144B
index.acss 144B
index.acss 106B
index.acss 106B
index.acss 72B
index.acss 72B
index.acss 1B
index.acss 1B
index.acss 1B
index.acss 1B
index.acss 1B
index.acss 1B
index.acss 1B
index.acss 0B
index.acss 0B
index.acss 0B
index.acss 0B
index.acss 0B
index.acss 0B
index.acss 0B
index.acss 0B
index.acss 0B
index.acss 0B
index.acss 0B
index.axml 1KB
index.axml 1KB
index.axml 941B
index.axml 941B
index.axml 888B
index.axml 887B
index.axml 814B
index.axml 814B
index.axml 654B
index.axml 475B
index.axml 475B
index.axml 415B
index.axml 332B
index.axml 300B
index.axml 275B
index.axml 240B
index.axml 234B
index.axml 234B
index.axml 224B
index.axml 224B
index.axml 205B
index.axml 188B
index.axml 188B
index.axml 152B
index.axml 135B
index.axml 94B
index.axml 94B
index.axml 81B
index.axml 76B
index.axml 13B
index.axml 3B
index.css 786B
index.css 712B
index.css 397B
index.css 385B
index.css 299B
index.css 281B
index.css 256B
index.css 210B
index.css 200B
index.css 101B
index.css 52B
index.css 51B
swiper.css 38B
.eslintignore 87B
.gitignore 311B
BaseView.js 13KB
DefaultView.js 11KB
index.js 10KB
DefaultView.js 9KB
BaseList.js 8KB
SizeAndPositionManager.js 7KB
swiper.js 7KB
index.js 6KB
index.js 6KB
CODE128.js 6KB
index.js 6KB
modal.test.js 6KB
index.js 6KB
validate-commit-msg.js 6KB
index.js 4KB
update-swiper.js 4KB
ListView.js 4KB
Image.js 4KB
EAN13.js 4KB
index.js 4KB
Util.js 3KB
UPC.js 3KB
check-and-publish.js 3KB
timer.js 3KB
index.js 3KB
共 652 条
- 1
- 2
- 3
- 4
- 5
- 6
- 7
资源评论
快撑死的鱼
- 粉丝: 1w+
- 资源: 9156
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 20240420-扬州高中小学部风雨操场转换层条件图r.dwg
- 小猫咪邮件在线发送系统源码v1.1,支持添加附件
- 永磁电机铜耗估算表-Excel-v1.0
- 参考资料-人工智能对劳动力市场的影响机制研究.pdf
- 协同供应链集成产品介绍V71sp1.rar
- 上市公司-人工智能的采纳程度面板数据(2003-2021年).xlsx
- 参考资料-人工智能技术应用对就业的影响及作用机制研究-来自制造业企业的微观证据.pdf
- 第5章spring-mvc请求映射处理
- 2023-04-06-项目笔记 - 第一百十六阶段 - 4.4.2.114全局变量的作用域-114 -2024.04.27
- 协同供应链集成产品介绍V70.rar
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功