Harmony OS鸿蒙（JavaScript/JS）获取输入框（input）数据，响应输入事件并且获得参数教程

最新推荐文章于 2024-08-05 23:12:44 发布
最新推荐文章于 2024-08-05 23:12:44 发布
阅读量2.2k 收藏 1
点赞数 1
文章标签： 鸿蒙系统 harmonyos javascript Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_49552442/article/details/128876362
版权
本文介绍了如何在Harmony OS的JavaScript项目中创建一个Empty Ability，通过编写HTML和JS代码来监听input元素的change事件，获取输入框的数据并显示。在HTML中，使用@change事件绑定，并在JS中定义数据模型，当输入框内容变化时，更新数据模型的值，从而实现数据的获取和展示。
摘要由CSDN通过智能技术生成

创建一个Harmony OS 的JS项目

打开Deveco Studio，Create Project（新建项目）选择Empty Ability，然后点击Next

选择api6

最低0.47元/天 解锁文章
可达同学
关注
鸿蒙开发实战项目(三十一):input、label组件的使用（JS）
sybh的博客
01-27 859
为input组件设置不同类型（如：text，email，date等），完成表单页面。对表单页面中的用户名、电子邮件、爱好输入框进行必填校验。使用弹框选择性别、爱好。
从零开始的HarmonyOS Next开发指南：打造HarmonyOS NEXT元服务
一键难忘的博客
05-26 5148
DevEco Studio 4.0是一个集成开发环境（IDE），专门为开发者提供一站式的HarmonyOS应用和服务开发支持。以下是DevEco Studio 4.0的一些主要特点：高效智能代码编辑：支持多种语言，如ArkTS、JavaScript、C/C++等，提供代码高亮、智能补齐、错误检查、自动跳转、格式化、查找等功能，以提升代码编写的效率。低代码可视化开发：拥有丰富的UI界面编辑能力，支持自由拖拽组件和可视化数据绑定，能够快速预览效果，所见即所得。
鸿蒙开发-在JS中获取hml页面中Input输入的值
BADAO_LIUMANG_QIZHI的博客
07-01 2032
场景 鸿蒙基于JS搭建HelloWorld并修改国际化文件： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/118274050 在上面基于JS搭建起来Hello World之后，要新建另一个页面。怎样新建页面可以参照如下 鸿蒙开发-基础组件介绍及chart组件使用： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/118333539 常用的表单提交中经常获取I
鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之TextInput输入框组件
adendean的博客
12-22 1230
鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之TextInput输入框组件一、操作环境操作系统: Windows 10 专业版二、TextInput。
android、鸿蒙开发--第三章--＞输入显示框：“EditText-Button“
最新发布
qq_38885112的博客
08-05 452
效果和View体系下的效果相似，我这里就不放运行图了，主要说说， 在Compose中是没有id这个说法的，一切都是函数（方法），Compose中还有OutlinedTetxtField输入框，这个和TetxtField使用基本一致，感兴趣的小伙伴，自己去体验一下吧。点击按键button之后，做出相关的显示，功能就是没有输入账户，给与请输入账户提示，没有输入密码，提示输入密码，都输入的情况，就提示输入的账户和密码。使用使用基本是一致的。在Button的点击事件中，我们打印了，用户输入的账户名和密码。
【鸿蒙软件开发】文本输入（TextInput/TextArea）
m0_62599305的博客
10-23 7289
TextInput、TextArea是输入框组件，通常用于响应用户的输入操作，比如评论区的输入、聊天框的输入、表格的输入等，也可以结合其它组件构建功能页面，例如登录注册页面。具体用法参考TextInput、TextArea。TextInput({placeholder:'我是提示文本'})TextInput({placeholder:'我是提示文本'})placeholder参数可以设置提示文本。
在JS中通过提交按钮获取输入框的值
05-31 415
在JS中通过提交按钮获取输入框的值
HarmonyOS 组件4--TextInput文本输入框
weixin_56595425的博客
01-23 1142
本文讲述了Harmony框架中的`TextInput`组件用于创建文本输入框，支持占位符、默认文本、以及onChange事件。通过实例案例，展示了用户输入图片尺寸来动态调整图片大小的应用场景。
【HarmonyOS】【JS】【布局】鸿蒙js开发input 输入框弹出输入法时上方布局被挤扁？
华为开发者联盟
07-05 782
如何解决鸿蒙js开发input 输入框弹出输入法时上方布局被挤扁
HarmonyOS原子化服务-计划本的实现.docx
04-28
当用户在输入框中输入内容时，这个事件会被触发，你可以更新相应的数据模型以保存用户的输入。 四、服务注册与启动 为了使原子化服务能够在 HarmonyOS 系统中运行，需要在 ` AbilitySlice` 或 ` PageAbility` 中...
OpenHarmony/HarmonyOS的ArkUI的类Web范式开发详解
一键难忘的博客
10-02 1698
JS UI框架采用类HTML和CSS Web编程语言作为页面布局和页面样式的开发语言，页面业务逻辑则支持ECMAScript规范的JavaScript语言。5.写一些公共样式，我们到MainAbilty里新建一个common文件夹，然后在下面新建一个css文件夹，作用于存放我们的公共样式。主要运用了web三件套：Html，Css，JavaScript。因为我们需要美化的属于组件，我们直接可以到myinput.css对其进行样式美化。然后在我们的主要的css文件内引用我们的公共样式。
js失去焦点事件_鸿蒙2.0 JavaScript / JS 入门教程（一）组件、样式和交互概览
weixin_39820177的博客
12-03 290
鸿蒙js开发和开发前端网页类似，每个当前屏幕画面是一个页面，每个页面由3个部分组成html、css、js。可以简单地理解为组件、样子、交互。页面源码结构当然我有了几个组件，规定了它们的样子之后，还需要布局，就是怎么摆放它们。布局是由组件的嵌套包含关系和样子中的方向等共同决定的。比如我有3个组件，A、B、C嵌套关系为A包含B，方向为A和C水平排列。（A是容器；水平或垂直排列由css决定）组件包括四种...
零基础开始学习鸿蒙开发-鸿蒙开发登录监听登录按钮并且获取文本框的值，登录校验。
qq_36973384的博客
11-26 1390
/判断输入的参数是否为空方法//判断用户名是否为空console.debug("用户名为空----");console.debug("密码为空----");console.debug("重复输入密码为空----");
HarmonyOS（鸿蒙）——单击事件
2401_84123077的博客
04-11 500
组件就是文本、按钮、图片等元素的统称事件就是可以被组件识别的操作，常见的事件有单击、双击、长按和滑动等。单击事件又称点击事件，单击事件是我们平时操作过程中触发的最多的事件。​这一步会定义一个按钮（按钮也是一个组件），并且给按钮组件分配唯一ID，之后通过ID定位按钮组件，在这里可能需要首先了解一下Ability相关技术，这样可以更好的了解Ability框架以及页面之间的包含关系，如果有完全不了解的可以查阅这篇文章，做个简单入门《HarmonyOS（鸿蒙）—— Ability与页面》。
【鸿蒙实战开发教程】HarmonyOS开发中常用组件TextInput
HarmonyOS_001的博客
06-20 3455
有很多小伙伴不知道该从哪里开始学习鸿蒙开发技术？也不知道鸿蒙开发的知识点重点掌握的又有哪些？自学时频繁踩坑，导致浪费大量时间。结果还是一知半解。所以有一份实用的鸿蒙（HarmonyOS NEXT）全栈开发资料用来跟着学习是非常有必要的。这份鸿蒙（HarmonyOS NEXT）资料包含了鸿蒙开发必掌握的核心知识要点，内容包含了。
HarmonyOS Next开发学习手册——文本输入 (TextInput/TextArea)
maniuT的博客
07-01 1525
设置无输入时的提示文本。TextInput({placeholder:‘我是提示文本’})TextInput({placeholder:'我是提示文本'})设置输入框当前的文本内容。TextInput({placeholder:'我是提示文本',text:'我是当前文本内容'})添加backgroundColor改变输入框的背景颜色。TextInput({placeholder:'我是提示文本',text:'我是当前文本内容'})更丰富的样式可以结合 通用属性 实现。
HarmonyOS Next开发学习手册——旋转屏动画增强
maniuT的博客
07-03 599
在原旋转屏动画基础上，可配置渐隐和渐现的转场效果。完整的代码示例和效果如下。需要在EntryAbility.ets文件的onWindowStageCreate方法中添加处理逻辑以获取屏幕的显示方向需要在项目的 module.json5 文件中的 abilities 列表里添加 “orientation”，指定为 “auto_rotation”
鸿蒙HarmonyOS APP开发入门3——组件（八 输入框组件 ）——TextField组件
itcyy的博客
04-14 2957
鸿蒙HarmonyOS APP开发入门3——组件（八 输入框组件 ）——TextField组件 文章目录鸿蒙HarmonyOS APP开发入门3——组件（八 输入框组件 ）——TextField组件XML属性创建TextField设置TextField设置TextField的背景设置TextField的提示文字设置Bubble设置TextField的内边距设置TextField的多行显示设置TextField不可用状态响应焦点变化设置基线实践运用实践1实践2 XML属性 TextField的共有XML属性继
HarmonyOS应用开发指南：Js/Java UI开发详解
"这份PDF文件提供了关于如何使用Js和Java进行HarmonyOS UI开发的详细指导，涵盖了在HarmonyOS 4.17开发者大会上分享的内容。文档主要讲解了创建第一个HarmonyOS应用的步骤，IDE中的模板介绍，以及Java和Js UI开发的...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值