代码拉取完成，页面将自动刷新
本示例包含了两个OpenHarmony自定义组件，一个是ClearableInput，另一个是Keyboard。
ClearableInput 定义了一个带清空图标的文本输入框。
Keyboard 定义了一个软键盘，可以输入数字和字符。
<element name="clearableinput" src="../clearableinput/clearableinput.hml"></element>
<div class="rootcontainer">
<div class="container">
<text class="title" >Login</text>
<clearableinput style="width: 90%;" tips="username" inputValue="{{username}}" onfocus="onFocusName" @event-clear="clearUsernameClicked"></clearableinput>
<clearableinput style="width: 90%;margin-top: 15px;" tips="password" inputValue="{{password}}" inputType="password" onfocus="onFocusPassword" @event-clear="clearPasswordClicked"></clearableinput>
</div>
</div>
| 参数 | 含义 |
|---|---|
| tips | 提示文本的内容 |
| inputValue | 文本框内的值 |
| event-clear | 点击清空按钮的事件 |
<element name="keyboard" src="../keyboard/keyboard.hml"></element>
<div class="rootcontainer">
<keyboard @event-keyinput="keyClicked" @event-keyback="keybackClicked" @event-hideboard="hideBoard" showattr="{{visibility}}"></keyboard>
</div>
| 参数 | 含义 |
|---|---|
| showattr | 软键盘是否显示 |
| event-keyinput | 点击字符数字按键的事件 |
| event-keyback | 点击删除按钮的事件 |
| event-hideboard | 点击隐藏按钮的事件 |
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。