Como faço para criar uma caixa de texto?

actualmente, o site tem a seguinte classe css que se destina a ser utilizado para notas (textos mais longos) entradas num formulário.

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

O tamanho da caixa e de outro registo de estilo correctamente, mas o texto começa verticalmente centrado e nunca quebra a linha. A única maneira de ver o texto completamente é mover o cursor para a esquerda/direita.

o formulário usa o seguinte html (com um pouco de php) para implementar o Grande Campo de texto

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

obrigado antecipadamente por qualquer ajudar.

 6
Author: Stickers, 2013-08-14

2 answers

Tente substituir input type="text" por textarea etiqueta.

Mude o seu código para:

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

Ele envia dados como uma marca normal input, para que você possa obter dados a partir dele os mesmos métodos.

Leia mais informações sobre a marca textarea

 8
Author: Wilq, 2017-07-04 13:03:46

Eu mudaria o controlo de um input para um textarea, que irá executar a funcionalidade que solicita por omissão.

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

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

 5
Author: Kevin Bowersox, 2013-08-13 23:57:20