鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之TextInput输入框组件

最新推荐文章于 2024-07-14 22:18:00 发布

「已注销」

最新推荐文章于 2024-07-14 22:18:00 发布

阅读量1.4k

点赞数 19

文章标签： harmonyos

本文链接：https://blog.csdn.net/zdh13370188237/article/details/135159632

版权

本文介绍了鸿蒙HarmonyOS项目中 ArkUI 的TextInput输入框组件，详细讲解了其接口、属性，包括EnterKeyType和InputType枚举的说明，以及相关事件。适合HarmonyOS开发者参考。

摘要由CSDN通过智能技术生成

鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之TextInput输入框组件

一、操作环境

操作系统: Windows 10 专业版

IDE:DevEco Studio 3.1

SDK:HarmonyOS 3.1

二、TextInput

接口

TextInput(value?:{placeholder?: ResourceStr, text?: ResourceStr, controller?: TextInputController})

参数：

参数名	参数类型	必填	参数描述
placeholder	ResourceStr	否	无输入时的提示文本。
text	ResourceStr	否	设置输入框当前的文本内容。
controller

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

「已注销」

关注关注

19
点赞
踩
21

收藏

觉得还不错? 一键收藏
0
评论
鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之TextInput输入框组件

鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之TextInput输入框组件
复制链接

扫一扫

OpenHarmony/HarmonyOS的ArkUI的类Web范式开发详解

一键难忘的博客

10-02

1690

JS UI框架采用类HTML和CSS Web编程语言作为页面布局和页面样式的开发语言，页面业务逻辑则支持ECMAScript规范的JavaScript语言。5.写一些公共样式，我们到MainAbilty里新建一个common文件夹，然后在下面新建一个css文件夹，作用于存放我们的公共样式。主要运用了web三件套：Html，Css，JavaScript。因为我们需要美化的属于组件，我们直接可以到myinput.css对其进行样式美化。然后在我们的主要的css文件内引用我们的公共样式。

HarmonyOS系统应用开发基础入门

Crowd_chips的博客

07-08

461

ArkUI基础入门知识点

参与评论您还未登录，请先登录后发表或查看评论

【鸿蒙实战开发教程】HarmonyOS开发中常用组件TextInput

HarmonyOS_001的博客

06-20

3270

有很多小伙伴不知道该从哪里开始学习鸿蒙开发技术？也不知道鸿蒙开发的知识点重点掌握的又有哪些？自学时频繁踩坑，导致浪费大量时间。结果还是一知半解。所以有一份实用的鸿蒙（HarmonyOS NEXT）全栈开发资料用来跟着学习是非常有必要的。这份鸿蒙（HarmonyOS NEXT）资料包含了鸿蒙开发必掌握的核心知识要点，内容包含了。

鸿蒙HarmonyOS APP开发入门3——组件（八 输入框组件）——TextField组件

itcyy的博客

04-14

2944

鸿蒙HarmonyOS APP开发入门3——组件（八 输入框组件）——TextField组件文章目录鸿蒙HarmonyOS APP开发入门3——组件（八 输入框组件）——TextField组件XML属性创建TextField设置TextField设置TextField的背景设置TextField的提示文字设置Bubble设置TextField的内边距设置TextField的多行显示设置TextField不可用状态响应焦点变化设置基线实践运用实践1实践2 XML属性 TextField的共有XML属性继

鸿蒙UI系统组件02——按钮(Button)

最新发布

harmonyClassRoom的博客

07-14

817

Button是按钮组件，通常用于响应用户的点击操作，其类型包括胶囊按钮、圆形按钮、普通按钮。Button当做为容器使用时可以通过添加子组件实现包含文字、图片等元素的按钮。设置边框弧度。一般使用通用属性来自定义按钮样式。例如通过borderRadius属性设置按钮的边框弧度。设置文本样式。通过添加文本样式设置按钮文本的展示样式。设置背景颜色。添加backgroundColor属性设置按钮的背景颜色。用作功能型按钮。为删除操作创建一个按钮。。

鸿蒙开发组件之TextInput

Lu_Ca的博客

12-09

1344

需要注意的是如果我们在删除输入框的内容为null时，输入框内容会变成NAN，之后就不可以再输入了。所以，我们可以在处理value的时候可以加上判断。我们在拿到value的时候通过if判断来给imageWidth属性赋值。并把字符串类型的value通过parseInt函数转成了Int类型。在Text中，通过读取string文件中文本来完成国际化，同理，placeholder也可以这样处理。TextInput可以通过style属性来设置是否是密码输入框，以及文本的是数字、email等内容。

ArkUI组件--TextInput组件（文本输入）

qq_53312564的博客

12-04

738

①placeholder：输入框无输入时的提示文本（默认显示文本，浅色，直接输入即可）②text：输入框当前的文本内容（也是默认显示文本，深色，如有需要可以修改）

2401_84850323的博客

05-12

462

经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新**

ArkUI 登录小案例学习

JOJOYYDSA的博客

02-04

645

鸿蒙方舟开发框架ArkUI案例了解知识点

input光标总是在内容最末端

Justicky

01-08

6619

前端在优化用户体验的时候，经常会遇到这样的需求：当input框有值的时候，用户再去编辑这个input，无论用户点input的什么位置，总是将光标置于input已有内容的最末端。下例是基于vue框架的写法： <input type="text" @click="focusEnd('name-inp-hook')" class="name-inp" id="name-inp-hook...

如何使用命令行对RK开发板进行OpenHarmony版本烧录？

m0_64420071的博客

03-29

1523

开发版烧录

鸿蒙Harmony应用开发—ArkTS声明式开发（基础手势：TextInput）

m0_64420071的博客

03-13

2094

ArkTS声明式开发（基础手势：TextInput）

TextInput输入框 右侧添加按钮如：删除

孑书力的博客

02-23

9022

TextInput文本框右侧显示“清除”按钮。在RN api中有介绍 clearButtonMode enum('never', 'while-editing', 'unless-editing', 'always') 显示“清除”按钮但是只是适用于ios系统为了在Android系统正常适用，写组件来适配。思路：需要按钮显示和隐藏卡，就需要监听TextInput 输入的内容,如

【鸿蒙软件开发】文本输入（TextInput/TextArea）

m0_62599305的博客

10-23

7108

TextInput、TextArea是输入框组件，通常用于响应用户的输入操作，比如评论区的输入、聊天框的输入、表格的输入等，也可以结合其它组件构建功能页面，例如登录注册页面。具体用法参考TextInput、TextArea。TextInput({placeholder:'我是提示文本'})TextInput({placeholder:'我是提示文本'})placeholder参数可以设置提示文本。

HarmonyOS--基础组件TextInput

github_39096247的博客

12-14

693

基础组件TextInput

「HarmonyOS」验证码多TextInput输入框焦点自动跳转问题

danjiujiaohun的博客

01-04

1266

有关于TextInput焦点问题：HarmonyOs系统下的多输入框的验证码模块，输入验证码时输入后光标会自动跳转至下一个输入框，删除验证码时会自动删除上一个输入框内容，并且光标跳转至上一个输入框内。

鸿蒙Harmony（五）ArkUI---基础组件：Text、TextInput、Button、Slider

danfengw的博客

12-27

973

1.设置文案在资源文件中添加对应的文本资源2.属性设置效果。