表单元素的助手

Created: November-22, 2018

复选框

<%= check_box_tag(:pet_dog) %>
<%= label_tag(:pet_dog, "I own a dog") %>
<%= check_box_tag(:pet_cat) %>
<%= label_tag(:pet_cat, "I own a cat") %>

这将生成以下 html

<input id="pet_dog" name="pet_dog" type="checkbox" value="1" />
<label for="pet_dog">I own a dog</label>
<input id="pet_cat" name="pet_cat" type="checkbox" value="1" />
<label for="pet_cat">I own a cat</label>

单选按钮

<%= radio_button_tag(:age, "child") %>
<%= label_tag(:age_child, "I am younger than 18") %>
<%= radio_button_tag(:age, "adult") %>
<%= label_tag(:age_adult, "I'm over 18") %>

这会生成以下 HTML

<input id="age_child" name="age" type="radio" value="child" />
<label for="age_child">I am younger than 18</label>
<input id="age_adult" name="age" type="radio" value="adult" />
<label for="age_adult">I'm over 18</label>

文字区域

要创建更大的文本框，建议使用 text_area_tag

<%= text_area_tag(:message, "This is a longer text field", size: "25x6") %>

这将创建以下 HTML

<textarea id="message" name="message" cols="25" rows="6">This is a longer text field</textarea>

数字字段

这将创建一个 input<type="number"> 元素

<%= number_field :product, :rating %>

要指定一系列值，我们可以使用 in:选项

<%= number_field :product, :rating, in: 1..10 %>

密码字段

有时你希望屏蔽用户键入的字符。这将产生一个 <input type="password">

<%= password_field_tag(:password) %>

电邮域

这将创造一个 <input type="email">

<%= email_field(:user, :email) %>

电话域

这将创造一个 <input type="tel">。

<%= telephone_field :user, :phone %>

约会助手

input[type="date"]
```
<%= date_field(:user, :reservation) %>
```

input[type="week"]

 <%= week_field(:user, :reservation) %>

input[type="year"]

 <%= year_field(:user, :reservation) %>

input[type="time"]
```
 <%= time_field(:user, :check_in) %>
```