<Input />


  value={this.state.text} float
  onChange={(event) => { this.setState({text: event.target.value})} }
  placeholder='Username' />
名前 型 / デフォルト値 概要
modifier string The appearance of the input. (翻訳中) Optional.
disabled bool Specifies whether the input is disabled. (翻訳中) Optional.
readOnly bool Specifies whether the input is read-only. (翻訳中) Optional.
onChange func Called when the inner input fires a change event. (翻訳中) Optional.
onInput func Called when the inner input fires an input event. (翻訳中) Optional.
value union Content of the input (controlled). (翻訳中) Optional.
defaultValue union Content of the input at first render (uncontrolled). (翻訳中) Optional.
placeholder string Placeholder text. In Material Design this placeholder will be a floating label. (翻訳中) Optional.
type string

Specify the input type. This is the same as the “type” attribute for normal inputs. It expects strict text types such as text, password, etc. For checkbox, radio button, select or range, please have a look at the corresponding components.

Please take a look at MDN for an exhaustive list of possible values. Depending on the platform and browser version some of these might not work.

inputId string Specify the “id” attribute of the inner <input> element. This is useful when using Optional.
float bool If this attribute is present, the placeholder will be animated in Material Design. (翻訳中) Optional.
Name 概要
material Displays a Material Design input. (翻訳中)
underbar Displays a horizontal line underneath a text input. (翻訳中)
transparent Displays a transparent input. Works for Material Design. (翻訳中)


Onsen UIに関する質問は、Stack Overflowにてonsen-uiタグを付与してください。Onsen UIチームはあなたの問題解決をお手伝いします。

バグ報告や機能要望については、GitHub Issuesに記載をお願いいたします。