Última actualización el
25 abr 2024
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.
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 | Lista | 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 | Varios | 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 | Anchura, Altura, Acción, Método, Formulario sin validar, Tipo de codificación del formulario, Destino del formulario. | 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 | Filas, Columnas, Marcador de posición, Ajuste, Longitud máxima, Índice de pestañas | http://www.w3.org/TR/html-markup/textarea.html |
| Seleccionar | Tamaño | 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 |
Temas similares
Crear sitios web atractivos en Dreamweaver
Diseña, codifica y gestiona sitios web dinámicos en una potente herramienta todo en uno.
