En línea con la compatibilidad que Dreamweaver ofrece para HTML5 de forma continuada, se han incorporado nuevos atributos para algunos elementos de formulario. Además, se han incorporado cuatro nuevos elementos de formulario HTML5.

Encontrará los elementos de formulario en el panel Insertar. Seleccione Ventana > Insertar. En el menú del panel Insertar, seleccione Formularios.

Flujo de trabajo de formularios revisado en Dreamweaver

Flujo de trabajo de formularios revisado en Dreamweaver
Flujo de trabajo de formularios revisado en la actualización Dreamweaver 12.1.
David Powers

Nuevos atributos comunes a los elementos de formulario

Los siguientes atributos nuevos son comunes a todos los elementos de formulario:

  • Disabled: Seleccione esta opción si desea que el navegador deshabilite el elemento.
  • Required: Seleccione esta opción si desea que el navegador compruebe si se ha especificado un valor.
  • Auto complete: Seleccione esta opción para rellenar automáticamente valores cuando el usuario introduce información en un navegador.
  • Auto focus: Seleccione esta opción si desea que el foco esté en este elemento cuando el navegador cargue la página.
  • Read only: Seleccione esta opción para establecer el valor del elemento como de solo lectura.
  • Form: Especifica uno o varios formularios a los que pertenece un elemento <input>.
  • Name: Nombre exclusivo que se usa para hacer referencia al elemento en el código.
  • Place Holder: Sugerencia que describe el valor esperado de un campo de entrada.
  • Pattern: Expresión regular con la que se valida el valor del elemento.
  • Title: Información adicional sobre un elemento. Se muestra en forma de información sobre herramientas.
  • Tab Index: Especifica la posición del elemento actual en el orden de tabulación para el documento actual.

Elementos de formulario con atributos modificados

  • Form No Validate: Seleccione esta opción para deshabilitar la validación del formulario. Esta selección anula el atributo No Validate a nivel del formulario.
  • Form Enc Type: Tipo MIME con el que un agente de usuario debe asociar este elemento para el envío del formulario.
  • Form Target: Nombre o palabra clave de contexto de navegación que representa el destino del control.
  • Accept Charset: Especifica las codificaciones de caracteres utilizadas para el envío del formulario.

Nota:

Los vínculos para atributos contienen información sobre todos los atributos que se indican en las especificaciones de HTML5. No todos estos atributos están presentes en el panel Propiedades. Puede usar la vista de código para añadir atributos que no estén presentes en el panel.

Elemento de formulario Nuevos atributos específicos del elemento Descripción de atributos
Campo de texto List http://www.w3.org/TR/html-markup/input.text.html
Botón <No hay ningún atributo nuevo específico> http://www.w3.org/wiki/HTML/Elements/button
Casilla de verificación <No hay ningún atributo nuevo específico> http://www.w3.org/TR/html-markup/input.checkbox.html
Archivo Multiple http://www.w3.org/TR/html-markup/input.file.html
Formulario No Validate, Accept Charset http://www.w3.org/TR/2012/WD-html-markup-20120329/form.html
Oculto <No hay ningún atributo nuevo específico> http://www.w3.org/TR/2012/WD-html-markup-20120329/input.hidden.html
Contraseña <No hay ningún atributo nuevo específico> http://www.w3.org/TR/html-markup/input.password.html
Imagen Width, Height, Action, Method, Form no Validate, Form Enc Type, Form target. http://www.w3.org/TR/html-markup/input.image.html
Restablecer <No hay ningún atributo nuevo específico> http://dev.w3.org/cvsweb/html5/markup/button.reset.html
Enviar Form No Validate, Form Enc type, Form target, Action, Tab Index, Method. http://www.w3.org/TR/html-markup/input.submit.html
Opción <No hay ningún atributo nuevo específico> http://www.w3.org/TR/html-markup/input.radio.html
Área de texto Rows, Cols, Place Holder, Wrap, Max Length, Tab Index http://www.w3.org/TR/html-markup/textarea.html
Seleccionar Size http://www.w3.org/wiki/HTML/Elements/select

Elementos de formulario HTML5

Elemento de formulario Disponible en Descripción Descripción de atributos
Color 12.2 Para los campos de entrada que deben contener un color. http://www.w3.org/TR/html-markup/input.color.html
Fecha 12.2 Control que permite al usuario seleccionar una fecha. http://www.w3.org/TR/html-markup/input.date.html
Fecha y hora 12.2 Permite al usuario seleccionar una fecha y una hora (con la zona horaria). http://www.w3.org/TR/html-markup/input.datetime.html
Fecha y hora locales 12.2 Permite al usuario seleccionar una fecha y una hora (sin la zona horaria). http://www.w3.org/TR/html-markup/input.datetime-local.html
Mes 12.2 Permite al usuario seleccionar un mes y un año. http://www.w3.org/TR/html-markup/input.month.html
Número 12.2 Para campos que deben contener únicamente números. http://www.w3.org/TR/html-markup/input.number.html
Rango 12.2 Para campos que deben contener valores de un rango de números. http://www.w3.org/TR/html-markup/input.range.html
Hora 12.2 Permite al usuario seleccionar una hora. http://www.w3.org/TR/html-markup/input.time.html
Semana 12.2 Permite al usuario seleccionar una semana y un año. http://www.w3.org/TR/html-markup/input.week.html
Correo electrónico 12.1 Control para editar una lista de direcciones de correo electrónico proporcionada en el valor del elemento. http://www.w3.org/TR/html-markup/input.email.html
Buscar 12.1 Control de edición de texto sin formato de una sola línea para la introducción de uno o varios términos de búsqueda. http://www.w3.org/TR/html-markup/input.search.html
Teléfono (Tel) 12.1 Control de edición de texto sin formato de una sola línea para la introducción de un número de teléfono. http://www.w3.org/TR/html-markup/input.tel.html
URL 12.1 Control para la edición de una dirección URL absoluta proporcionada en el valor del elemento. http://www.w3.org/TR/html-markup/input.url.html

Esta obra está autorizada con arreglo a la licencia de Reconocimiento-NoComercial-CompartirIgual 3.0 Unported de Creative Commons.  Los términos de Creative Commons no cubren las publicaciones en Twitter™ y Facebook.

Avisos legales   |   Política de privacidad en línea