È ansible disabilitare l’opzione multilinea di textarea?

Certo, posso usare la casella di testo standard html, ma ho bisogno di un’area di testo per qualche ragione.

Quindi, è ansible disabilitare l’opzione multilinea di textarea?

Puoi impostare la dimensione della tua area di testo usando gli attributi cols e rows e renderla non ridimensionabile in CSS, ma non puoi impedire all’utente di aggiungere più di una riga. Anche se l’area è troppo piccola, verrà visualizzata una barra di scorrimento che consentirà loro di scrivere il numero di righe desiderato.

Se hai davvero bisogno di ottenere solo una riga, ti suggerisco di impostare l’attributo rows su 1 e verificare se l’input ha una sola riga con Javascript.

In html:

  

In CSS:

 textarea{ resize: none; #You can use resize: horizontal if you just want to disable vertical resize } 

Comunque, suggerirei di usare un Perché vuoi evitarlo?

Puoi mantenere tutto il testo su una singola riga con le impostazioni rows="1" su , come suggerito dalle altre risposte, e quindi applicare il seguente CSS all’area di testo:

 resize: none; white-space: nowrap; overflow-x: scroll; 

Questo CSS impedirà l’avvolgimento della singola riga, mantenendo comunque la visibilità dell’intera linea fornendo una barra di scorrimento per navigare qualsiasi testo che trabocca dall’area visibile.

Usa righe = 1 per visualizzare solo 1 riga. puoi ottenere ulteriori informazioni da questo link

È ansible impostare l’attributo rows su 1.

Non è ansible disabilitare la multilinea

Il seguente frammento jQuery forza la textarea per essere visualizzata in una singola riga.

  $(document).ready(function(){ $('textarea').each(function(){$(this).attr('rows', 1);}); });