0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

React.jsで二つのフォームをインライン表示したい

Last updated at Posted at 2017-04-29

React.jsで二つのフォームをインライン表示したい

teratailで下記のように質問し、それが出来たので備忘録として書き残しておきます。

notinline.png

実装

<form id="formid" onSubmit={this.handleClick}>

                    <input type="text" id="textinputspace" value={this.state.textValue} onChange={this.changeText}/>

                    <button type="submit" id="submitButton">ToDoリストを追加する</button>

                    <NewTodoLayout/>

</form>

css


# formid{
  display:inline-flex;
}

スクリーンショット 2017-04-29 23.06.18.png

参考

React.jsで二つのフォームをインライン表示したい

formタグを改行せずに横に並べる方法

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?