Cargando...

Atributos de input HTML

Además de type, los inputs aceptan atributos de reglas y pistas: required, placeholder, rangos, etc.

Respuesta directa

Comunes: name, id, value, placeholder, required, min, max, step, maxlength, pattern, disabled, readonly. Guían al usuario y permiten comprobaciones básicas — valida en servidor después.

📊 Atributos útiles de input

Attribute Role
placeholder Hint text inside an empty field
required Field must be filled before submit
min / max / step Limits for number/date-like types
maxlength Max characters for text-like types
pattern Regex-like allowed pattern
disabled Control not usable / not submitted
readonly Visible but not editable

Attributes on inputs

html
HTML Code 
<label for="age">Age</label>
<input id="age" name="age" type="number" min="1" max="120" required>

<label for="code">Code</label>
<input id="code" name="code" type="text" maxlength="6" placeholder="ABC123" pattern="[A-Za-z0-9]{6}">

Pruébalo

  1. email required con placeholder
  2. number con min/max
  3. Enviar vacío y ver mensaje
  4. maxlength en código corto

Errores fáciles

  • Solo comprobaciones del navegador
  • disabled en campos que deben enviarse
  • pattern demasiado complejo

Resumen

  • Los atributos refinan el comportamiento
  • required, rangos, maxlength
  • placeholder es pista, no label
  • Etiqueta cada campo visible

🧠 Pon a Prueba tu Conocimiento

Listo para Empezar

Pon a Prueba tu Conocimiento

Ponte a prueba con este cuestionario interactivo y descubre qué tan bien entiendes el tema

❓
5
Preguntas
🎯
70%
Para Aprobar
♾️
∞
Tiempo
🔄
∞
Intentos

📝 Instrucciones

  • Lee cada pregunta cuidadosamente
  • Selecciona la mejor respuesta para cada pregunta
  • Puedes repetir el quiz tantas veces como quieras
  • Tu progreso se mostrará en la parte superior
Tema 1 de 1
Html Tutorial