Los cuadros de entrada de texto deben usarse en libros de mensajes generales, foros, etc. Es decir, TextARea y Textare en el idioma HTML contienen muchos parámetros. Si aprende a usar estos parámetros, puede modificar el tamaño y la apariencia del cuadro de entrada de texto a voluntad para lograr el efecto que desea. Aquí están los parámetros y cómo usar estos parámetros.
1. Cols, columna vertical. Sin configuraciones de hoja de estilo, representa el número de bytes que se pueden acomodar en una fila. Por ejemplo, Cols = 60 significa que una línea puede acomodar hasta 60 bytes, es decir, 30 caracteres chinos. Además, es importante tener en cuenta que el ancho del cuadro de texto se ajusta a través de esto, ingrese el valor COLS y luego definir el tamaño de la fuente de texto de entrada (si no está definido, el valor predeterminado se usará), entonces se determinará el ancho del cuadro de texto.
2. Filas, columna horizontal. Indica el número de filas que se pueden mostrar, como filas = 10, lo que significa que se pueden mostrar 10 filas. Si tiene más de 10 líneas, debe arrastrar la barra de desplazamiento para navegar. (Igual que el anterior, la altura del cuadro de texto se controla a través de esto).
3. Nombre, el nombre del cuadro de texto, este elemento es indispensable porque debe usarse al almacenar texto.
4. Warp. Cuando Warp = off significa que no hay un envoltorio automático en el área de texto, por supuesto, si no escribe, será una envoltura automática de forma predeterminada. Este parámetro generalmente se usa con menos frecuencia.
5. Estilo, este es un parámetro muy práctico, que se puede usar para establecer el color de fondo del cuadro de texto, el color y la forma de la barra de desplazamiento, el color del borde, el tamaño y el color de la fuente de entrada, etc.
6. Clase, generalmente utilizada para llamar a la configuración en CSS externo.
Ejemplo 1: Establezca el número de filas en el cuadro de texto en 40 y el número de columnas a 10. El nombre es texto. Formulario de expresión <TextAREA cols = 40 filas = 10 name = text> </textarea>
Ejemplo 2: Cancele la barra de desplazamiento en el lado derecho del cuadro de texto. Formulario de expresión <TextAREA cols = 40 filas = 10 name = text style = Overflow: Auto> </Textarea>. style = Overflow: Auto significa que la barra de desplazamiento se mostrará automáticamente cuando el texto de entrada exceda el número de líneas establecido.
Ejemplo 3: Establezca el color de fondo del cuadro de texto. <TextAREA cols = 40 filas = 10 name = text style = background-color: bfcedc> </textarea>.
Ejemplo 4: Además, configure el color de la barra de desplazamiento, el color del borde, el tamaño de la fuente, el color, el espacio de línea, etc. del cuadro de texto, que se puede configurar directamente con estilo. Sin embargo, estos generalmente se usan para configurarlos en CSS, solo llámelos directamente. A continuación se muestra un código de configuración de CSS: debería ser más fácil de entender. El cuadro de texto se establece en secuencia con el color de fondo del cuadro de texto, el color y el grosor de la parte superior, inferior, el color y el grosor del borde izquierdo y derecho, así como el tamaño de la fuente de entrada.
| <estilo> .TextBox {fondo: #bfcedc; Top border: #7f9db9 1px sólido; Border-izquierda: #7f9db9 1px sólido; Border-Right: #7F9DB9 1PX SOLID; Border-Bottom: #7F9DB9 1px Solid; Font-Family: Songti, Verdana, Arial, Helvetica; Tamaño de fuente: 12px; Text-Align: Lift;} </style> |
Inserte el código anterior entre <BEAD> y </head> de la página. Método de llamadas: <TextAREA cols = 40 filas = 10 name = text class = textbox> </textarea>. El nombre en class = corresponde al nombre de la configuración que se utilizará en CSS. Una vez que esté familiarizado con estos parámetros, es muy conveniente modificar y embellecer el cuadro de entrada de texto.