개시하다

form_for를 처음 사용하기 위해서는 기본적인 사용 방법을 써야 한다.

form_이른바 for

웹 애플리케이션에 데이터 등을 입력하는 입력 표시줄이 있어야 합니다.form_for를 사용하면 입력 창을 간단하게 만들 수 있습니다.
form_for를 사용하면 입력 창을 만들 수 있고 편집과 업데이트 단추를 설정할 수 있습니다.

기본용법

먼저 설치 예제

코드 예는 다음과 같다.코드 양이 많지만 잘 설명할게요.

<h2 class="title">プロフィール編集</h2>
<%= form_for @user do |f| %>
  <%= f.hidden_field :password, :value => @user.password %>            
  <%= f.hidden_field :password_confirmation, :value => @user.password_confirmation %>  
    <!-- 名前編集 -->
    <div class="form-group">
      <%= f.label :名前, class: 'text-black' %>
      <%= f.text_field :name, class: 'form-control' %>
    </div>
    <!-- メールアドレス編集 -->
    <div class="form-group">
      <%= f.label :メールアドレス, class: 'text-black' %>
      <%= f.text_field :email, class: 'form-control' %>
    </div>
    <!-- 身長編集 -->
    <div class="form-group row">
      <%= f.label :height, '身長 ', class:'col-md-3 col-form-label' %>
      <div class="col-md-1">
         <%= f.select :height, [['-', '-'], ['150cm未満', '150cm未満'], ['150〜155cm', '150〜155cm'], ['155〜160cm', '155〜160cm'], ['160〜165cm', '160〜165cm'], ['165〜170cm', '165〜170cm'], ['170〜175cm', '170〜175cm'], ['175〜180cm', '175〜180cm'], ['180〜185cm', '180〜185cm'], ['185〜190cm', '185〜190cm'], ['190〜195cm', '190〜195cm'], ['195〜200cm', '195〜200cm'] ]%>
      </div>
    </div>
    <!-- 体重編集 -->
    <div class="form-group row">
      <%= f.label :weight, '体重 ', class:'col-md-3 col-form-label' %>
      <div class="col-md-1">
        <%= f.select :weight, [['-', '-'], ['45kg未満', '45kg未満'], ['45〜50kg', '45〜50kg'], ['50〜55kg', '50〜55kg'], ['55〜60kg', '55〜60kg'], ['60〜65kg', '60〜65kg'], ['65〜70kg', '65〜70kg'], ['70〜75kg', '70〜75kg'], ['75〜80kg', '75〜80kg'], ['85〜90-kg', '85〜90-kg'], ['90〜95kg', '90〜95kg'], ['95〜100kg', '95〜100kg'], ['100kg超', '100kg超'] ] %>
      </div>
    </div>
    <!-- 自己紹介 -->
    <div class="form-group row">
      <%= f.label :comment, '自己紹介(255文字まで) ', class:'col-md-3 col-form-label' %>
      <div class="col-md-9">
        <%= f.text_area :comment, class: "form-control", rows: "3", placeholder:"自己紹介記入欄
(例文)筋トレはじめました！よろしくお願いします！"
        %>
      </div>
    </div>
  <!-- プロフィール更新 -->  
  <%= f.submit "更新", class: 'btn-block' %>
<% end %>

위의 코드를 사용하여 다음 입력 창을 만들 수 있습니다:.

사용법

기본적인 사용 방법은 다음과 같다.

<%= form_for @user do |f| %>
  <%= f.label :ラベルの名前 %>
  <%= f.text_field オブジェクト名, プロパティ名 [, オプション] %>
  <%= f.submit "ボタンに表示する文字" %>
<% end %>

text_필드 정보

텍스트필드는 form입니다.for에서 자주 사용하는 형식 중 하나입니다.
text_field는 한 줄의 텍스트를 입력할 수 있습니다.
기타 textarea、emailfield、number_필드 등이 존재합니다.

긴 문장이 아니라면textfield

장문의 말textarea

이메일로 입력하고 싶을 때 이메일field

숫자만 입력하고 싶을 때numberfield

이 단어를 사용한다면 당분간 안심해라.

select 정보

select를 사용하면 자신이 준비한 옵션에서 항목을 선택하는 창을 만들 수 있습니다.
공식 참고서는 다음과 같다.

select(オブジェクト名, プロパティ名, タグの情報 [, オプション])

하지만 이해하기 어려우니 실례를 들어 기억하자.

<%= f.select :height, [['150cm未満', '150cm未満'], ['150〜155cm', '150〜155cm'], ['155〜160cm', '155〜160cm'], ['それ以上', 'それ以上'] ]%>

보기 편하도록 옵션을 줄였습니다.
(160cm 이상이면 다른 분들은 얼마나 낮을 것 같아요, 웃음)
다음과 같이 표시됩니다.

이렇게 select를 사용하면 항목을 지정해서 옵션을 만들 수 있습니다.

submit 정보

Rails(상기 코드의 예에서)@user는 새로 제작할 때create 동작을 호출하고 편집할 때 업데이트를 자동으로 호출합니다.

새 창설 페이지에서create

호출

편집 페이지에서 업데이트

호출
이런 인식 괜찮겠어?
버튼에 표시할 문자를 지정할 수도 있습니다.

참고 자료

[Rails/선택 상자] select로 선택 상자를 만드는 방법
[Rails] form 형식 레이블for 사용 시 선택 상자 제작 방법