鸿蒙开发 文本输入 (TextInput/TextArea)

原创 已于 2025-04-17 17:59:48 修改 · 601 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#鸿蒙开发 #harmonyos #移动开发 #ArkUI #UI #鸿蒙系统

于 2025-04-17 15:40:02 首次发布
往期推文全新看点（文中附带最新·鸿蒙全栈学习笔记）

1.嵌入式开发适不适合做鸿蒙南向开发？一文带你了解

2.鸿蒙众多岗位需求突增！该如何选择？

3.分享一场鸿蒙开发岗位面试经历~

4.待更新中……

文本输入 (TextInput/TextArea)

TextInput、TextArea是输入框组件，通常用于响应用户的输入操作，比如评论区的输入、聊天框的输入、表格的输入等，也可以结合其它组件构建功能页面，例如登录注册页面。

创建输入框

TextInput为单行输入框、TextArea为多行输入框。通过以下接口来创建。

TextInput(value?:{placeholder?: ResourceStr, text?: ResourceStr, controller?: TextInputController})
最低0.47元/天 解锁文章
OpenHarmony实战开发-如何实现文本输入 (TextInput/TextArea)
m0_70749039的博客
04-27 1468
TextInput、TextArea是输入框组件，通常用于响应用户的输入操作，比如评论区的输入、聊天框的输入、表格的输入等，也可以结合其它组件构建功能页面，例如登录注册页面。
HarmonyOS应用开发：TextArea（基础组件）
situnanQAQ的博客
06-12 1417
多行文本输入框组件，当输入的文本内容超过组件宽度时会自动换行显示。
HarmonyOS Next开发学习手册——文本输入 (TextInput/TextArea)
maniuT的博客
07-01 2387
设置无输入时的提示文本。TextInput({placeholder:‘我是提示文本’})TextInput({placeholder:'我是提示文本'})设置输入框当前的文本内容。TextInput({placeholder:'我是提示文本',text:'我是当前文本内容'})添加backgroundColor改变输入框的背景颜色。TextInput({placeholder:'我是提示文本',text:'我是当前文本内容'})更丰富的样式可以结合 通用属性 实现。
【鸿蒙实战开发教程】HarmonyOS开发中常用组件TextInput
HarmonyOS_001的博客
06-20 5725
有很多小伙伴不知道该从哪里开始学习鸿蒙开发技术？也不知道鸿蒙开发的知识点重点掌握的又有哪些？自学时频繁踩坑，导致浪费大量时间。结果还是一知半解。所以有一份实用的鸿蒙（HarmonyOS NEXT）全栈开发资料用来跟着学习是非常有必要的。这份鸿蒙（HarmonyOS NEXT）资料包含了鸿蒙开发必掌握的核心知识要点，内容包含了。
第九节HarmonyOS 常用基础组件3-TextInput
yyxhzdm的博客
12-02 2038
可以看出，当点击到输入框内时，onEditChange方法回调的isEditing返回true，表示正在编辑输入框。下面是输入123对应的实时输入内容。例如登录账号的时候会有“请输入账号”这样的文本提示，当用户输入内容之后，提示文本就会消失，这种提示功能使用。我们可以给TextInput设置onChange事件，输入文本发生变化时触发回调，下面示例代码中的value为实时获取用户输入的文本信息。，一般输入密码的时候，为了用户密码安全，内容会显示为“......”，针对这种场景，将type属性设置为。
HarmonyOS Next开发学习手册——添加组件（文本输入 (TextInput/TextArea)）
maniuT的博客
07-11 1385
设置无输入时的提示文本。TextInput({placeholder:'我是提示文本'})设置输入框当前的文本内容。TextInput({placeholder:'我是提示文本',text:'我是当前文本内容'})添加backgroundColor改变输入框的背景颜色。TextInput({placeholder:'我是提示文本',text:'我是当前文本内容'})更丰富的样式可以结合 通用属性 实现。
HarmonyOS核心知识点：文本输入 (TextInput/TextArea)
wuliusan5的博客
03-19 914
设置无输入时的提示文本。TextInput({placeholder:‘我是提示文本’})TextInput({placeholder:'我是提示文本'})设置输入框当前的文本内容。TextInput({placeholder:'我是提示文本',text:'我是当前文本内容'})添加backgroundColor改变输入框的背景颜色。TextInput({placeholder:'我是提示文本',text:'我是当前文本内容'})更丰富的样式可以结合 通用属性 实现。
HarmonyOS NEXT实战开发：文本输入 (TextInput/TextArea)
hanyanyou的博客
07-24 2061
TextInput、TextArea是输入框组件，通常用于响应用户的输入操作，比如评论区的输入、聊天框的输入、表格的输入等
【鸿蒙软件开发】文本输入（TextInput/TextArea）
m0_62599305的博客
10-23 1万+
TextInput、TextArea是输入框组件，通常用于响应用户的输入操作，比如评论区的输入、聊天框的输入、表格的输入等，也可以结合其它组件构建功能页面，例如登录注册页面。具体用法参考TextInput、TextArea。TextInput({placeholder:'我是提示文本'})TextInput({placeholder:'我是提示文本'})placeholder参数可以设置提示文本。
鸿蒙5.0进阶开发：UI开发-文本输入 (TextInput/TextArea)
AyomQAQ的博客
12-20 1340
TextInput、TextArea是输入框组件，通常用于响应用户的输入操作...........
HarmonyOS 组件4--TextInput文本输入框
weixin_56595425的博客
01-23 2148
本文讲述了Harmony框架中的`TextInput`组件用于创建文本输入框，支持占位符、默认文本、以及onChange事件。通过实例案例，展示了用户输入图片尺寸来动态调整图片大小的应用场景。
鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之TextInput输入框组件
zy0412326的专栏
12-22 1858
鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之TextInput/TextArea输入框组件
HarmonyOS NEXT - 表单录入组件封装(TextInput)
iotjin的专栏
10-08 913
对TextInput 简单封装了下面几种类型的录入样式。鸿蒙next中有两种类型的录入框。
【鸿蒙HarmonyOS开发笔记】常用组件介绍篇 —— TextInput文本输入组件
温的打怪之旅
03-17 2522
TextInput为文本输入组件，用于接收用户输入的文本内容。
HarmonyOS 输入框组件：TextInput 和 TextArea 深度解析
A1551143530的博客
12-18 1962
输入框组件是移动端开发中最常见的组件之一，常用于响应用户的输入操作，比如评论区的文本输入、聊天框的消息输入、表单内容填写等场景。TextInput 和 TextArea 是 HarmonyOS 中功能强大且灵活的输入框组件，适用于各种输入场景。TextInput 和 TextArea 支持与通用样式属性结合，开发者可以为其添加边距、边框、圆角等样式，打造符合 UI 需求的输入框。在实际开发中，充分利用这些组件的特性，并结合其他 HarmonyOS 组件，可以大幅提升用户体验与开发效率。
【愚公系列】2023年12月 HarmonyOS教学课程 019-ArkUI组件（TextInput/TextArea）
热门推荐
时光隧道
12-07 6万+
/ xxx.ets@Entry@Componentbuild() {Column() {TextInput({placeholder:'我是提示文本'})TextInput({placeholder:'我是提示文本',text:'我是当前文本内容'})TextInput({placeholder:'我是提示文本',text:'我是当前文本内容'})
HarmonyOS NEXT开发之用户输入(TextInput)
Kousii的博客
11-12 1006
日常开发中如果需要接收用户输入，就可以使用输入组件来完成。
HarmonyOS 开发必备：TextInput 和 TextArea 组件超全用法指南
2401_86731168的博客
07-08 1262
本文详细介绍了HarmonyOS开发中TextInput和TextArea两大输入框组件的使用方法。首先区分了两者的核心差异：TextInput适合单行简短输入，TextArea适合多行长文本输入。重点讲解了输入框类型设置(如密码/邮箱/数字等)、样式自定义(背景色/边框/提示文字等)、事件处理(onChange/onSubmit等)、文本选中菜单、自动填充功能以及键盘/光标避让等实用技巧。
HarmonyOS 实战开发 —— 基于TextInput的常见自定义效果解决方案
CTrup的博客
11-25 854
点击眼睛图标动态切换图标样式以及设置密码的显隐状态。
在鸿蒙开发中，添加Text/TextInput/TextArea/Search组件，设置editMenuOptions改变搜索菜单名称
最新发布
08-26
在鸿蒙开发中，通过设置 `editMenuOptions` 属性可以对 `Text`、`TextInput`、`TextArea` 或 `Search` 组件的上下文菜单进行自定义，包括修改菜单项的名称。该属性允许开发者通过 `EditMenuOptions` 类型的参数配置...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值