我们在HarmonyOS开发中，如何一个带有标签的输入框？

Question

我们在HarmonyOS开发中，如何一个带有标签的输入框？

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

可以使用Input组件结合Text组件来实现带有标签的输入框。

参见：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides...

@Entry
@Component
struct LabeledInputAbility {
  build() {
    Column() {
      Row() {
        Text('Username:')
        Input()
          .placeholder('Enter username')
          .width(200);
      }.height(40);

      Row() {
        Text('Password:')
        Input()
          .placeholder('Enter password')
          .type('password')
          .width(200);
      }.height(40);
    }
  }
}

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。