chrome/browser/resources/settings/privacy_page/secure_dns_input.html

<link rel="import" href="chrome://resources/html/polymer.html">

<link rel="import" href="chrome://resources/cr_elements/cr_input/cr_input.html">
<link rel="import" href="privacy_page_browser_proxy.html">
<link rel="import" href="../i18n_setup.html">

<dom-module id="secure-dns-input">
  <template>
    <style>
      :host {
        cursor: auto;
        display: block;
        width: 100%;
      }

      cr-input {
        width: 100%;
        --cr-input-width: 75%;
      }
    </style>
    <!-- Max length of 100 KB to prevent browser from freezing. -->
    <cr-input id="input" value="{{value}}"
        placeholder="$i18n{secureDnsCustomPlaceholder}" invalid="[[showError_]]"
        error-message="[[errorText_]]" maxlength="102400" spellcheck="false"
        on-input="onInput_" on-blur="validate">
    </cr-input>
  </template>
  <script src="secure_dns_input.js"></script>
</dom-module>