Cinco consejos para el diseño de formularios div css pueden ayudarlo a controlar el formulario de manera más flexible y hacer que la página sea más satisfactoria.
1. Selección móvil para ingresar texto del formulario:
en el campo de ingreso de texto, si se agrega un mensaje, los visitantes a menudo tienen que usar el mouse para seleccionarlo y eliminarlo, y luego ingresar información útil. De hecho, siempre que agregue el código onMouseOver="this.focus()" onFocus="this.select()" a <textarea>, todo será mucho más simple, como por ejemplo:
Ejemplo de código fuente [www.devdao.com ]< textarea name=textarea wrap=filas virtuales=2 cols=22 onMouseOver="this.focus()" onFocus="this.select()">Ingrese inglés..</textarea>
De manera similar, puede agregar código a <input>.
2. Haga clic para eliminar la unidad de entrada del formulario:
esta columna tiene la misma función que la anterior, pero hay un ligero cambio en el uso del mouse. Debe hacer clic en lugar de simplemente cubrirla con el mouse como se muestra arriba. Por ejemplo:
Código fuente de ejemplo [www.devdao.com]<input type=text name="address" size=19 value="Intro, correo electrónico..."onFocus="this.value=''">
Después de hacer clic en la unidad de entrada, se eliminará el mensaje emergente, ¿no es muy conveniente?
3. Configuración de los bordes de las unidades de entrada del formulario:
cambiar los bordes de las unidades de formulario tradicionales hará que su página de inicio sea más colorida. Por ejemplo:
Código fuente de ejemplo [www.devdao.com]<tipo de entrada=nombre de radio=valor de acción=suscribir estilo marcado="BORDE INFERIOR: 1 px discontinuo; BORDE IZQUIERDO: 1 px discontinuo; BORDE DERECHO: 1 px discontinuo; BORDE - ARRIBA: discontinuo 1 px; color de fondo: #FEF5C8">
Entre ellos, "style=***" es la configuración de color izquierda, derecha, superior, inferior y de fondo. Se solicita a los lectores que lo prueben ellos mismos.
4. Configuración de texto de la unidad de entrada del formulario:
la fuente de la unidad en el formulario se puede modificar, como por ejemplo:
Código fuente de ejemplo [www.devdao.com]<input type=text name="address" size=19 value=" Ingrese, correo electrónico..." style=font-family:"verdana";font-size:10px >
Entre ellos, "style=***" es la configuración de fuente y tamaño de fuente.
5. Modifique las propiedades del formulario en ventanas emergentes:
después de activar la mayoría de los formularios, se abrirán en la página actual, lo que afectará la navegación normal. Es mejor modificarlo, como:
Código fuente de ejemplo [www.devdao.com]<método formulario=POST acción=url destino=_blank>
Entre ellos, "target=_blank" controla la apertura de la ventana emergente.