专注于聚合物2.x中表面负载的第一次输入

时间:2017-06-07 06:04:09

标签: polymer polymer-2.x

在聚合物2.0中,您可以在下面的代码中指导如何关注屏幕加载的第一个输入元素

<iron-form id="form1">
    <form>
      <template is="dom-if" if="[[showInput]]">
          <div id="firstInput">
                <paper-input class="input-width-250 align-right" id="account" label="Account" value="{{account}}" required></paper-input>
                <paper-input class="input-width-250 align-right" id="city" label="City" value="{{city}}" required></paper-input>
          </div>
      </template>
    </form>
</iron-form>

为此,我在构造函数中尝试了以下代码,但是获取'无法读取属性'$'的null '错误。

document.getElementById('account').$.input.focus();

1 个答案:

答案 0 :(得分:0)

只需添加&#39;自动对焦&#39;你需要的元素。见下面的例子。

    <paper-input autofocus class="input-width-250 align-right" id="account" label="Account" value="{{account}}" required></paper-input>