Come posso creare una casella di testo scorrevole?

Question

Attualmente, il sito ha la seguente classe css che deve essere utilizzata per le note (testi più lunghi) in un modulo.

.scrollabletextbox { 
    height:100px; 
    width:200px; 
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
    font-size: 82%; 
    overflow:scroll; 
} 

La dimensione della scatola e altro registro styling correttamente, ma il testo si avvia in verticale centrato e mai interruzioni di riga. L'unico modo per visualizzare completamente il testo è spostare il cursore sinistra/destra.

Il modulo utilizza il seguente codice HTML (con un po 'di PHP) per implementare la casella di testo di grandi dimensioni

<input type="text" class="scrollabletextbox" name="note" value="<?php echo $note; ?>"> 

vi ringrazio in anticipo per qualsiasi aiuto.

Answer 1

Provare a sostituire input type="text" con textarea tag.

modificare il codice per:

<textarea class="scrollabletextbox" name="note"> 
    <?php echo $note; ?> 
</textarea> 

Si invia i dati proprio come un normale input tag, in modo da poter ottenere i dati da esso stessi metodi.

Read more info about textarea tag

Answer 2

Vorrei passare il controllo da un input a un textarea, che eseguirà la funzionalità richiesta per impostazione predefinita.

<textarea class="scrollabletextbox" name="note"><?php echo $note; ?></textarea> 

JSFIDDLE:http://jsfiddle.net/rJy94/