纸张输入显示输入和标签在彼此的顶部

paper-input show input and label on top of each other

本文关键字:输入 顶部 标签 显示 张输入      更新时间:2023-09-26

我有以下HTML

<paper-input-container>
    <label>Name</label>
    <input is="iron-input" value="{{name}}">
</paper-input-container>

现在,当我开始在这个字段中输入时,标签会很好地移动到输入的上方(如预期的那样)。但是当最初name已经有一个值时,标签不做所有这些,因此名称和标签都在彼此的顶部。有什么建议如何解决这个问题吗?

既然你使用的是iron-input,你应该试试bind-value

这样就行了-

<paper-input-container>
    <label>Name</label>
    <input is="iron-input" bind-value="{{name}}">
</paper-input-container>