cuestión que se extiende cuadro de texto

Question

Tengo el siguiente código

<table cellpadding="2" cellspacing="2">
  <tr>
    <td>Factory:</td>
    <td>
      <asp:TextBox ID="txtFactory" runat="server" Width="100%"></asp:TextBox>
    </td>
  </tr>
</table>

Mi problema es que a veces el cuadro de texto fábrica puede tener una bastante larga descripción de 100 o más caracteres, y cuando esto sucede mi cuadro de texto se amplía más allá del borde de la pantalla, lo que provoca una barra de desplazamiento horizontal a aparecer en la parte inferior de mi navegador, y yo realmente no quiero eso. Lo que yo quiero es tener mi cuadro de texto se extiende a lo ancho que la ventana del navegador se encuentra en, y también ser capaz de cambiar el tamaño cuando el usuario cambia el tamaño de la ventana de su navegador.

Answer 1

Si no se opone al uso de JavaScript, jQuery tiene una solución muy sencilla a este problema. Puede utilizarla para configurar inicialmente el tamaño de la caja de texto, y adjuntar un controlador de eventos de cambio de tamaño de la etiqueta del cuerpo. En el controlador de eventos, simplemente tiene el cuadro de texto que coincida con su anchura a la del cuerpo.

Answer 2

Jagd,

Comprobar las propiedades del abrigo y maxLength.

W3Schools tiene una gran información sobre WebControls.

(http):.. //Www.w3schools (com) / aspnet / control_textbox (asp)
--- No puedo publicar enlaces sin embargo, lo siento ---

Buena suerte,

-Robert

Answer 3

Comprobar el código HTML con FF utilizando la Firebug y ver lo que está ampliando su contenedor principal.

Si el texto es demasiado largo y no tiene espacios, el navegador no sabe dónde colocar un salto de línea, este comportamiento puede ser modificado con el WRAP atributo en el cuadro de texto o TD (que se representa como un lapso de una vez en el navegador).

Answer 4

¿Dónde está su etiqueta para el elemento de formulario? ¿Por qué utiliza las tablas de diseño? ¿Por qué está especificando un ancho para el área de texto en el código HTML en lugar de en el archivo CSS?

hacer las cosas bien!