Rails 一日一つメソッド (Day35) labelタグ

 

Rails 一日一つメソッド (Day35) labelタグ

 

1. labelタグとは？

 - <label> タグは、formの中でlabelを関係つけるために用いられるView helperである。labelを明示することのよってブラウザでlabelをclickした時、labelのアクセスキーを押した時に、部品をクリックしたのと同じ動作をさせる事ができるようになる。

 

2. labelの使い方

<%= form.label :attribute %>

 :attribute 

  - :attributeは属性を表す。

  - UserModelの name, emailなど追加するときは

<%= form.label :name %>
<%= form.label :email %>

 

# HTML
<label for="user_name">Name</label>
<label for="user_email">Email</label>

 

---

3. label helperを使ってUser form Filedを追加する方法

# Email filed

<%= form.with(url: login_path, method: :post, local: true, html: { onsubmit: 'return loginCheck()' }) do |form| %>
    <%= form.label :email %>
        Email <span class="required">(必須)</span>
    <% end %>
<% end %>

 

 url: login_path

  - form dataが提出されるURLを指定する。 login_pathは application.routesに定義されたURL。

 method: :post

  - HTTPメソッドを指定する。

 local

  - Ajax方式を使わない。formを提出したらPageがリロードされる。

 

 form.label :email

  - email filedに対するrabelを生成し、:emailがformを通して提出されるDataのfiledの名前を表す。