Her zaman yeni bir form geliştirdiğimde textarea, boyutlarını belirtmem gerektiğinde aşağıdaki ikilem var:

CSS kullanın veya textarea's özelliklerini colsve rows?

Her yöntemin artıları ve eksileri nelerdir?

Bu özellikleri kullanmanın anlambilimi nedir?

Genellikle nasıl yapılır?

Her ikisini de kullanmanızı öneririm. İstemci CSS'yi desteklemiyorsa satırlar ve sütunlar gereklidir ve kullanışlıdır. Ama bir tasarımcı olarak tam olarak istediğim boyuta ulaşmaları için üzerine yazıyorum.

Bunu yapmanın önerilen yolu harici bir stil sayfasıdır.

textarea {
  width: 300px;
  height: 150px;
}

<textarea> </textarea>

textarea { height: auto; }

<textarea rows="10"></textarea>

Bu, tarayıcıyı TAMAMEN metin alanının yüksekliğini satır sayısına ve çevresindeki dolgulara ayarlayacak şekilde tetikler. CSS yüksekliğinin tam piksel sayısına ayarlanması keyfi boşluklar bırakır.

W3c'ye göre, hem kömürler hem de sıralar, textareas için gerekli özelliklerdir. Satırlar ve Sütunlar, piksellerden veya potansiyel olarak keyfi başka bir değerden ziyade, metin alanına sığacak karakterlerin sayısıdır. Satırlarla / sütunlarla git.

Cevap Evet". Yani, ikisini de kullanmalısınız. Satırlar ve sütunlar olmadan (ve bunları açıkça kullanmasanız bile varsayılan değerler vardır), CSS bir kullanıcı stil sayfası tarafından devre dışı bırakılırsa veya geçersiz kılınırsa, metin alanı kullanılamaz derecede küçüktür. Erişilebilirlikle ilgili endişeleri her zaman aklınızda bulundurun. Bu varlık sizin stil textarea görünümünü denetlemek izin verilmesi halinde, genellikle de genel sayfa tasarımına çok daha iyi görünen bir şey, uyan ile rüzgar olacak, dedi ve (o kullanıcı girişi yetişmek için boyutlandırabilirsiniz iyi tat sınırları içinde tabii ki).

Metin alanı için boyutu düzeltmek için css altında kullanabiliriz

    <textarea  class="form-control" style=" min-width:500px; max-width:100%;min-height:50px;height:100%;width:100%;" ></textarea>

Açısal ve açısal olarak test edildi7

 <textarea style="width:300px; height:150px;" ></textarea>

Bir metin alanının boyutu, sütunlar ve satırlar nitelikleriyle veya daha iyisi ile belirtilebilir; CSS'in yükseklik ve genişlik özellikleri aracılığıyla. Cols özelliği tüm büyük tarayıcılarda desteklenir. Temel farklardan biri <TEXTAREA ...>bir kapsayıcı etiketidir: bir başlangıç ​​etiketi () vardır.

Genellikle belirtmeyen heightfakat belirtebilirim width: ...ve rowsve cols.

Genellikle, benim durumlarımda, sadece widthve rowsihtiyaç vardır, tekdüzenin diğer elemlerle ilişkili olarak güzel görünmesi için. ( colsBirisi diğer cevaplarda açıklandığı gibi CSS kullanmıyorsa bir yedek.)

((Her ikisini de belirtmek rowsve heightveri çoğaltmak gibi hissediyorum biraz sanırım?))

Textareas'ın en önemli özelliği, genişletilebilir olmalarıdır. Bir web sayfasında, metin uzunluğu ayarladığınız alanı aşarsa (satırlar kullanıyor veya CSS kullanıyor olsun), metin alanında kaydırma çubuklarının görünmesine neden olabilir. PDF'ye 'yazdırma' - koşullu CSS kuralıyla basılı metinler için konforlu bir şekilde minimum bir yükseklik ayarlayın:

@media print { 
textarea {
min-height: 900px;  
}
}

her seferinde kullanmadığınız satır yüksekliği kullanın: '..'; özelliği, textarea yüksekliğini ve textarea genişliği için width özelliğini kontrol eder.

veya css öğesini takip ederek yazı tipi boyutunu kullanabilirsiniz:

#sbr {
  font-size: 16px;
  line-height:1.4;
  width:100%;
}

HTML satırları ve sütunları yanıt vermiyor!

Bu yüzden boyutu CSS olarak tanımlarım. İpucu olarak: cep telefonları için küçük bir boyut tanımlarsanız,textarea:focus {};

Buraya, yalnızca bir kullanıcının gerçekten bir şey yazmak istediği anda ortaya çıkacak fazladan alan ekleyin

CSS

input
{
    width: 300px;
    height: 40px;
} 

HTML

<textarea rows="4" cols="50">HELLO</textarea>