Cursore nel mezzo di una casella textarea?

In modo molto semplice modulo HTML che ho creato, ho chiesto all'utente di fornire ulteriori dettagli ed hanno codificato questa sezione:Cursore nel mezzo di una casella textarea?

<textarea rows="1" cols="50" wrap="physical" name="comments"> 

</textarea>

Qualsiasi idea del perché il cursore inizia a metà di questa finestra ? Beh, non è direttamente al centro, ma non è sicuramente all'inizio (in alto a sinistra) all'angolo della scatola. Vedo un sacco di soluzioni qui e tutti richiedono Javascript per correggere questo. C'è un modo per farlo con solo html?

fonte

2012-01-30 Ray

Perché creare un'area di testo di una riga? Utilizzare un campo di testo o rendere più alta la textarea. Inoltre, puoi pubblicare un esempio di ciò che stai vedendo? Questo da solo non mostra il comportamento che stai descrivendo. – j08691

@ j08691: scusate, quello era solo un esempio. Nella mia forma, è più alto di solo 1 riga. Tuttavia, in base alla soluzione, sembra sufficiente a replicare il problema. – Ray

Cosa succede quando si cambia in:

<textarea rows="1" cols="50" wrap="physical" name="comments"></textarea>

penso che non è a partire dall'inizio perché hai spazi vuoti all'interno del tag.

fonte

2012-01-30 21:24:40 nachito

Ah quello potrebbe essere! dipende dal fatto che egli voglia dire esattamente "medio" o semplicemente "non il lato sinistro" (o che abbia esattamente 25 spazi all'interno di esso :)). – Gus

lol ... è tutto! Grazie @nachito! – Ray

Grazie, ottima risposta. –

Sembra strano. Hai guardato in Firebug per vedere quali effetti CSS lo ha? L'unica cosa che viene in mente è che è sotto l'influenza di text-align: center

fonte

2012-01-30 21:25:10 Gus

Il motivo è che si dispone di uno spazio vuoto tra il tag <textarea>. Prova questo

<textarea rows="1" cols="50" wrap="physical" name="comments"></textarea>

fonte

2017-03-26 14:06:36 Rokin

Cursore nel mezzo di una casella textarea?

risposta

Problemi correlati