Elbette, standart html metin kutusunu kullanabilirim, ancak bir sebepten dolayı metin alanına ihtiyacım var.Textarea'nın çok satırlı seçeneğini devre dışı bırakmak mümkün mü?
Peki, textarea'nın çok satırlı seçeneğini devre dışı bırakmak mümkün mü?
daha ileri daha fazla bilgi alabilirsiniz cols ve rows, bunları CSS'de yeniden boyutlandırılamaz hale getirir, ancak kullanıcının birden fazla satır eklemesini engelleyemezsiniz. Alan çok küçük olsa bile, bir kaydırma çubuğu görünecek ve istedikleri kadar çok satır yazmasına izin verecektir.
Gerçekten yalnızca bir satır almanız gerekiyorsa, rows özniteliğini 1 olarak ayarlamanızı ve girişin Javascript ile tek bir satırı olup olmadığını kontrol etmenizi öneririm. html olarak
:
<textarea name="a" cols="5" rows="1" ></textarea>
BB'de: Hala
textarea{
resize: none;
#You can use resize: horizontal if you just want to disable vertical resize
}
, bir <input type="text" ... /> Neden bunu önlemek istiyoruz kullanarak öneririm?
Sen kullanarak alanlarının ebatlarını ayarlayabilirsiniz devre dışı bırakmak mümkün değildir üzere rows niteliğini ayarlayabilirsiniz bu link
Bu, OP'nin kullanım durumu olmayabilir, ancak temel bir zengin tek satırlık girdi oluştururken bu konuyla karşılaşıyorum (metin kutusunda belirli sözcüklerin veya sözcük gruplarının şekillendirilmesine izin verir). Bunu başarmak için, 'pointer-events: none;' ile stillenmiş bir div overlaid. Kaydırma üzerindeki girişle senkronize etmek için (kullanıcı kenarı aştığında), kaydırma olayını dinlemeniz gerekir. Ne yazık ki, sadece bir textarea birini ateşleyecektir (girdi reddeder). Bu durumda, girişten kaçınılmalıdır. –
Bu işe yaramaz (artık): https://jsfiddle.net/73prdyze/ –
@NicolaeSurdu nasıl? Bağladığınız keman, tam olarak anlattığım gibi çalışıyor. En azından Chrome ve Edge'de. – toniedzwiedz
Aşağıdaki jQuery pasajı, textarea'nın tek bir satırda görüntülenmesini zorlar.
$(document).ready(function(){
$('textarea').each(function(){$(this).attr('rows', 1);});
});
<textarea> ayarlar
rows="1" tek bir satırda tüm yazıların ve edebilirsiniz
:
resize: none;
white-space: nowrap;
overflow-x: scroll;
Bu CSS, tek bir sıranın sarılmasını engellerken, görünür alanı taşan herhangi bir metinde gezinmek için bir kaydırma çubuğu sağlayarak tüm satırı görünür halde tutmaya devam edecektir.
Uyarı: “White-space: nowrap” iken bile 1 satırda her şeyi gösterecektir. 'satırlar =" 1 "veya başka bir şekilde), hala görüntülenmeyen satırbaşları dahil olmak üzere kullanıcının metin kutusuna girebileceği tüm karakterleri alır. – cusman
http://stackoverflow.com/questions/5424001/how-to-disable-multiline-input-being-dynamically-resized-by-user – vijaykumar