<Input />


Form input

Text inputs are created using the Input component. It works almost exactly the same as a normal <input> tag.


In Material Design the placeholder can be made to float using the float prop.



名前 型 / デフォルト値 概要
modifier string The appearance of the input. (翻訳中) Optional.
disabled bool Specifies whether the input is disabled. (翻訳中) Optional.
onChange function Called when the text of the input changes. (翻訳中) Optional.
value string Content of the input. (翻訳中) Optional.
placehoder 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に記載をお願いいたします。