Chrome: utwórz obszary tekstowe bez możliwości zmiany rozmiaru

Odpowiedzi:

147

Railsy generują standardowy tag textarea, ale Safari / Chrome (Webkit) wyświetla wszystkie (nie tylko Railsy :) textareas jako skalowalne.

Jego wygląd może zostać wyłączony przez CSS

textarea {
    resize: none;
    }

Lub, jeśli potrzebujesz tylko zmiany rozmiaru w pionie:

textarea {
     resize: vertical;
     }
ingeniarius
źródło
5

Ustaw, max-widthaby zmieniać ich rozmiar tylko w pionie lub ustaw max-heighti max-widthzatrzymaj zmianę rozmiaru.

Należy jednak pamiętać, że łamanie oczekiwań użytkowników dotyczących sposobu, w jaki ich przeglądarka traktuje elementy sterujące, zwykle powoduje wiele frustracji użytkowników.

jball
źródło
-3

możesz ustawić kolumny i wiersze, takie jak

<%= text_area :object, :attribute, :rows => '10', :cols => '100' %> 
#=> <textarea cols="100" rows="10" id="object_attribute" name="object[attribute]">
#      #{@object.attribute}
#   </textarea>

lub określ rozmiar jak

<%= text_area :object, :attribute, :size => "10x100" %> 
#=> <textarea cols="10" rows="100" id="object_attribute" name="object[attribute]">
#      #{@object.attribute}
#   </textarea>
nas
źródło
A jaki to może być język? Nie mogę znaleźć żadnych tagów w pytaniu o (chyba) ASP
11684
1
To jest erb - używane w Ruby on Rails.
DoubleMalt