Cómo resaltar los campos obligatorios con PHP

Escrito por steve mcdonnell Google | Traducido por maría j. caballero
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo resaltar los campos obligatorios con PHP
Cómo resaltar los campos obligatorios con PHP. (Creatas Images/Creatas/Getty Images)

Al crear una página web dinámica, puedes utilizar el script PHP para determinar si se requiere un campo de entrada en un formulario HTML y aplicar un formato de estilo especial para ese campo. Esto ayuda a dejar claro a un usuario que ese campo es obligatorio. Por ejemplo, puedes crear un estilo con un color de fondo amarillo y aplicar este sólo para los campos obligatorios en el formulario HTML.

Nivel de dificultad:
Moderado

Otras personas están leyendo

Instrucciones

  1. 1

    Crea una etiqueta de estilo en HTML con el formato de estilo para un campo requerido. Coloca la etiqueta "estilo" entre las etiquetas "encabezado". Por ejemplo, escribe:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Mi página web</title> <style> .required { background-color:#FF0 } </style> </head> <body>

  2. 2

    Crea una matriz que almacena una bandera que indica si se requiere o no un campo. Por ejemplo, escribe:

    <?php $required = array(); $required["nombre"] = true; $required["correo electrónico"] = true; $required["teléfono"] = false; ?>

  3. 3

    Crea un formulario en HTML y usa PHP para agregar el formato especial a cada campo requerido. Por ejemplo, escribe:

    <form> Name: <input name="name" type="text" <?php if ($required["name"]) echo 'class="required"';?> /> Email: <input name="email" type="text" <?php if ($required["email"]) echo 'class="required"';?> /> Phone: <input name="phone" type="text" <?php if ($required["phone"]) echo ' class="required"';?> /> <input name="submit" type="submit" value="submit" /> </form> </body> </html>

No dejes de ver

Referencias

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles