third_party/polymer/components-chromium/core-input/core-input.html

   1 <!--
   2 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
   3 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE
   4 The complete set of authors may be found at http://polymer.github.io/AUTHORS
   5 The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS
   6 Code distributed by Google as part of the polymer project is also
   7 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS
   8 --><!--
   9
  10 `core-input` is an unstyled single-line input field. It extends the native
  11 `input` element.
  12
  13 Example:
  14
  15     <input is="core-input">
  16
  17 The input's value is considered "committed" if the user hits the "enter" key
  18 or blurs the input after changing the value. The committed value is stored in
  19 the `committedValue` property.
  20
  21 If the input has `type = number`, this element will also prevent non-numeric characters
  22 from being typed into the text field.
  23
  24 Accessibility
  25 -------------
  26
  27 The following ARIA attributes are set automatically:
  28
  29 - `aria-label`: set to the `placeholder` attribute
  30 - `aria-disabled`: set if `disabled` is true
  31
  32 @group Polymer Core Elements
  33 @element core-input
  34 @extends input
  35 @homepage github.io
  36 --><html><head><link href="../polymer/polymer.html" rel="import">
  37
  38 <style shim-shadowdom="">
  39   /* FIXME consider theming */
  40
  41   html /deep/ input[is=core-input] {
  42     width: 20em;
  43     font: inherit;
  44     margin: 0;
  45     padding: 0;
  46     background-color: transparent;
  47     border: 0;
  48     outline: none;
  49   }
  50 </style>
  51
  52 </head><body><polymer-element name="core-input" extends="input" assetpath="">
  53
  54
  55
  56 </polymer-element>
  57 <script src="core-input-extracted.js"></script></body></html>