ons-input - Onsen UI

Form input

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

<Input
  value={this.state.username}
  onChange={this.handleChange.bind(this)}
/>

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

<Input
  placeholder='Username'
  float
/>

[編集]

名前	型 / デフォルト値	概要
placeholder	String	Placeholder text. In Material Design, this placeholder will be a floating label. （翻訳中） Optional.
float		この属性が設定された時、ラベルはアニメーションするようになります。 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 elements. 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. （翻訳中） Optional.
input-id	String	Specify the “id” attribute of the inner `<input>` element. This is useful when using `<label for="...">` elements. （翻訳中） Optional.

[編集]

名前	概要
float	この属性が設定された時、ラベルはアニメーションするようになります。
value	The current value of the input. （翻訳中）
disabled	無効化されている場合に`true`。

[編集]

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. （翻訳中）

[編集]

シグネチャ	概要
focus()	Focuses the input. （翻訳中）
blur()	Removes focus from the input. （翻訳中）

Focuses the input. （翻訳中）

Removes focus from the input. （翻訳中）

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

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

あわせて、下記の情報も参考にしてください。