RAILS：1つのフォーム内に異なるサイズのテキストエリアを使用する

Question

異なるフィールドに異なるサイズのテキストエリアが必要なフォームがあります。

CSSファイル

textarea1 { 
    width: 170px; 
    height: 45px; 

    max-width: 100%; 
    max-height: 90px; 
    min-width: 170px; 
    min-height: 45px; 
} 

textarea2 { 
    width: 220px; 
    height: 70px; 

    max-width: 100%; 
    max-height: 110px; 
    min-width: 220px; 
    min-height: 70px; 
} 

そしてHTMLで：

もちろん

<%= f.label :smaller_entry, 'Smaller Entry' %> 
<%= f.text_area1 :smaller %> 

<%= f.label :bigger_entry, 'Bigger Entry' %> 
<%= f.text_area2 :bigger %> 

は、 "text_areaは" 私の "形" オブジェクトのキーワードメンバーであるので、私はこのような何かをしたいです私は最後に "1"と "2"を追加できませんでした。

Answer 1

あなたはCSSクラスを使用する必要があります。

.textarea1 { 
    width: 170px; 
    height: 45px; 

    max-width: 100%; 
    max-height: 90px; 
    min-width: 170px; 
    min-height: 45px; 
} 
.textarea2 { 
    width: 220px; 
    height: 70px; 

    max-width: 100%; 
    max-height: 110px; 
    min-width: 220px; 
    min-height: 70px; 
} 

と

<%= f.label :smaller_entry, 'Smaller Entry' %> 
<%= f.text_area :smaller, class: 'text_area1' %> 

<%= f.label :bigger_entry, 'Bigger Entry' %> 
<%= f.text_area :bigger, class: 'text_area2'%> 

Answer 2

いつでもクラスをテキスト領域に追加して、スタイルを適用することができます。

<%= f.text_area :bigger, class: 'large-text-area' %>