chromium/chrome/browser/resources/extensions/runtime_hosts_dialog.html

<style include="cr-shared-style cr-icons shared-style"></style>
<cr-dialog id="dialog" close-text="$i18n{close}">
  <div slot="title">[[computeDialogTitle_(currentSite)]]</div>
  <div slot="body">
    <cr-input id="input" label="$i18n{runtimeHostsDialogInputLabel}"
        placeholder="http://example.com"
        value="{{site_}}" on-input="validate_"
        invalid="[[inputInvalid_]]"
        error-message="$i18n{runtimeHostsDialogInputError}"
        spellcheck="false"
        autofocus>
    </cr-input>
    <div class="matching-restricted-sites-warning"
        hidden="[[!matchingRestrictedSites_.length]]">
      <iron-icon icon="cr:info-outline"></iron-icon>
      <span>[[computeMatchingRestrictedSitesWarning_(site_)]]</span>
    </div>
  </div>
  <div slot="button-container">
    <cr-button class="cancel-button" on-click="onCancelClick_">
      $i18n{cancel}
    </cr-button>
    <cr-button class="action-button" id="submit" on-click="onSubmitClick_"
        disabled="[[computeSubmitButtonDisabled_(inputInvalid_, site_)]]">
      [[computeSubmitButtonLabel_(currentSite)]]
    </cr-button>
  </div>
</cr-dialog>