Requisitos de Campo obligatorioAhora que sabes cómo permitir a los usuarios a presentar los formularios, usted puede aprender a exigir que ciertos campos de ser rellenados. Uno de los mayores problemas con los formularios que en un sitio Web es que nunca las personas a llenar toda la información que desea. Esta característica próxima FML designa los campos obligatorios, que junto con la validación de entradas se discutió anteriormente, está diseñado para asegurarse de que obtiene los datos más exactos posibles a corto de la lectura y comprobar por sí mismo. Con su forma, que desea a los compradores a proporcionar un nombre válido y la dirección de correo electrónico para que tengan un lugar para tanto el buque de la mercancía y un correo electrónico a la que usted puede enviar el recibo. Usando el atributo obligatorio con un valor de sí, puede configurar cada ámbito, para exigir que el usuario rellenarlo con los datos. Esto es lo que su FML ahora parece que los requisitos obligatorios:
Nombre: E-Mail:
Usted no puede enviar el formulario hasta que todos los campos obligatorios han sido llenados. En el caso del campo de correo electrónico, los datos necesarios sería una dirección válida de correo electrónico. A veces, mostrando el ID de un campo de la alerta de error puede ser confuso para el usuario, especialmente si usted tiene un montón de campos y de muchas formas diferentes . Los nombres de campo ni siquiera se corresponden con el texto que aparece junto a ella. Con el fin de cometer errores campo obligatorio un poco más comprensible, es necesario definir el texto adyacente como el campo de etiquetas. Esto resulta en las etiquetas, en vez de los nombres de campo, que aparece en el mensaje de error por lo que son más específicas y un poco más claro. El uso del elemento es idéntica a la de su hermano HTML
Nombre :
Esto es lo que el código FML nuevo aspecto:
Nombre : E-Mail :
Guarde el archivo Ahora que tiene una estructura de forma muy minuciosa, añadir el resto de los campos, incluida la dirección, ciudad, estado, país, código postal, y número de teléfono. Después de agregar estos campos, y exige a todos de ellos a ser obligatoria, que ahora deberá ser el siguiente (ampliado) Documento FML:
Compruebe que el formulario está bien formado y válido, a continuación, guárdelo y empujarlo a través de su navegador. No es la cosa más bonita buscando en el mundo, pero se puede arreglar esto más adelante en el artículo. La funcionalidad es su objetivo principal en este momento. Hablando de funcionalidad, es el momento para hacer algunos de los campos más útiles. Después de un tiempo, los usuarios se cansan de llenar toda esa información. Usted puede ayudarles a convertir por algunos de los "campos de conocimiento común" como país o estado en listas desplegables.
Listas EditableUna de las grandes cosas acerca de la versatilidad de la FML es que le permite emplear listas a las que el usuario puede añadir. Por ejemplo, digamos que usted desea convertir el país en una lista desplegable. No queremos que 100 opciones de donde escoger. Eso sería mayor a la página final con más datos que usted necesita. ¿Por qué no comenzar con el llamado "Global" Ocho naciones? He aquí un ejemplo de un tirón FML menú desplegable. En lugar de la
País : Haga su elección: Canadá Francia Alemania Italia Japón Rusia Reino Unido Estados Unidos
Observe que el contenido entre el y elementos se muestra en el navegador. El contenido en el atributo de valor es lo que realmente se envía. El único elemento que permite una selección única. Si desea que sus usuarios sean capaces de seleccionar más de una opción, el cambio para . El elemento también tiene un atributo extra de filas. Si desea que sus usuarios vean una barra de desplazamiento, asegúrese de ajustar el valor de las filas de atributos a menos que la cantidad de elementos. Si usted no quiere ver una barra de desplazamiento en todos, a continuación, establezca el valor de las filas al número exacto de elementos. ¿Qué sucede si el usuario selecciona el "Haga su elección" opción? Nada, en realidad. Lo único enviado de vuelta al servidor es el contenido en el atributo de valor, por lo que esta opción no envía información por carecer de los atributos de valor. Digamos que usted desea solicitar más información del usuario. Si bien esto no puede ser la información obligatoria para procesar una orden, nunca está de más para obtener algunos datos adicionales de sus clientes. Añadir una pregunta sobre el sexo de la persona que llena el formulario. Pero en lugar de un menú desplegable, que no es apropiado para este tipo de información, uso de botones de radio. Botones de radio se hacen muy similar a un menú desplegable, excepto que el uso en lugar de la .
¿Cuál es su género : Macho Hembra
El elemento también utiliza la elemento. Ahora está listo para la pieza final de su formulario de contacto: la sección de comentarios. Por comentarios de los usuarios, es necesario colocar el elemento. Casi exactamente como lo hace con la versión de HTML 4.01 de este elemento, determinar el tamaño del área de contenido con las filas y cols atributos.
Creación de una composición abierta en el menú desplegable¿Recuerdas cuando te dije al principio del artículo, que estas listas son editables? Para ello, el uso de la FML elemento, que permite a las personas para seleccionar "Other" de la lista desplegable y haga sus aportaciones de selección manual. Vamos a probarlo. En primer lugar es necesario agregar otra opción a su menú desplegable. Dar esta opción, un valor de otros, e incluyen el controlador de evento onclick con un valor de alternar: openlist.
Otro
Después de la elemento, agregar un nuevo elemento con un valor de tamaño de atributo de 15, un valor de atributo id de editlist otro, y el controlador de eventos onchange con un valor de alternar:.
Por último, es necesario tener un elemento de ajuste del menú desplegable. Para ello, darle un atributo id con el editlist valor y un nuevo atributo compartido con un valor de sí. Cuando se haya completado, haga clic en Otra en el menú desplegable y el manejador del evento onclick busca el elemento con un valor de ID de editlist . Una vez que encuentra este elemento y se da cuenta que es una palanca, se mantiene el menú desplegable en un estado de edición, mientras va a la línea siguiente después de que el menú - que es el nuevo elemento. Después de llenar su otro país en el cuadro de entrada, el estado de los cambios sobre el terreno. El controlador de eventos onchange ahora se añade la entrada en el nuevo país en el menú desplegable para que el usuario seleccione. El atributo común de la significa que cualquier elemento dentro de las acciones de cambiar el mismo valor de id. Por lo tanto, cualquier nuevo valor que entre en el cuadro de entrada que aparece se convierte en parte del pull-down y comparte el valor nuevo ID. Esto es lo que el FML para esta sección es así:
Haga su elección: Canadá Francia Alemania Italia Japón Rusia Reino Unido Estados Unidos Otro
Después de guardar su documento con el FML nuevos y empujarlo a través de su navegador, siga los pasos de selección de la opción Otros del menú desplegable y añadir su propio país.
La forma finalAhora que ha completado su formulario de contacto, limpiar un poco. Puede añadir algunas CSS para mejorar el estilo y contenido de algunas tablas para fijar el diseño. Aquí está mi versión de la completa información de contacto de forma FML:
un artículo presentado por Albert Lichtblau
Descargo de responsabilidad:Nuestro sitio web no es responsable por el contenido de este artículo. Webarticles es un recurso de información gratuito. Importante: Este artículo "XHTML FML menús desplegables" fue traducida por un software automático. Sentimos pena por los errores de ortografía que pueda haber ocurrido. Gracias por su comprensión.