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

我有下面的HTML

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

名称

---

现在，当我开始在这个字段中输入时，标签在输入上方移动得很好（如预期的那样）。但是，当最初的

name

已经有一个值时，标签并不能完成所有这一切，因此name和label都位于彼此之上。有什么建议可以解决这个问题吗？

既然您使用的是

iron input

，您应该尝试

bind value

所以这是可行的-

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

名称