0
0

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 1 year has passed since last update.

登録フォームについて

Posted at

###はじめに

今回は、ポートフォリオ作成で学んだ知識のアウトプットをしたいと思い、記事を書いています。

###登録フォーム

フォームの作成方法はさまざまですが、今回はform_withヘルパーを用いています。

form_withヘルパーとは?
form_withヘルパーはviewで簡単にフォームを作成できる、ヘルパーです。
また、フォームの送信先についても簡単に設定できます。

ラベルに"チーム名"のように記述することで、表示を変更することができます。

###コード

_form.html.erb
<%= form_with(model: @user, local: true) do |f| %>
 
  <%= f.label :name, "チーム名" %>
  <%= f.text_field :name, class: 'form-control'  %>
   
   <%= f.label :prefecture_id, "活動地域" %>
   <%= f.collection_select(:prefecture_id, Prefecture.all, :id, :name, {}, {class:"select-box", id:"item-shipping-fee-status"}) %>
  
  <%= f.label :email, "メールアドレス" %>
  <%= f.email_field :email, class: 'form-control' %>
  
  <%= f.label :password, "パスワード" %>
  <%= f.password_field :password, class: 'form-control' %>
  
  <%= f.label :password_confirmation, "パスワード確認" %>
  <%= f.password_field :password_confirmation, class: 'form-control' %>
  
  <%= f.submit yield(:button_text), class: "btn btn-primary" %>
<% end %>

###表示画面
スクリーンショット 2022-02-02 21.27.03.png

###最後に

今回はフォームについての記事になっております。
初学者の記事なので参考程度に見てください。
また、どこか気になる部分がありましたら、コメントしていただきたいと思います。

0
0
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
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?