Autor Tema: Tutorial básico del programador web: HTML desde cero. Formularios form CU00724B (Leído 2955 veces)

3skai · « **en:** 29 de Marzo 2016, 04:31 »

Hola buenas noches a todos! Espero se encuentren muy bien!.. Por aquí dejo el ejercicio de la clase. Para correcciones o recomendaciones!

Enunciado:

Citar

Crea una página web que contenga dos formularios que cumplan estas condiciones.

Como título antes del primer formulario debe figurar con etiquetas h1 el texto <<Inscripción al concurso Saber y Ganar>>. Debe contener:

a) Nombre
b) Apellidos
c) email
d) Teléfono
e) Un botón submit para enviar que muestre el texto <<¡¡¡Me apunto!!!>> y un botón reset para restablecer que muestre el texto <<Cancelar>>.

Como título antes del segundo formulario debe figurar con etiquetas h1 el texto “Petición de información”. Debe contener:
a) Nombre
b) País
c) email
d) Consulta que se quiere realizar (debe ser un textarea que permita escribir múltiples líneas).
e) Un botón para enviar de tipo imagen y un botón para restablecer de tipo button que muestre dentro del botón lo siguiente: <<Pulse aquí para cancelar>>, un salto de línea, y el texto <<Esto borrará los datos>>.

Código:

Código: [Seleccionar]

<!Doctype html>
<html lang="en">
<head>
<title>Ejercicio De Clase De Botones</title>
</head>
<body>
<h3>Inscripción Al Concurso Saber y Ganar</h3>
<form method="get" action="">

  <label for="nombre">Nombres:</label>
  <input type="text" name="nombre" id="formulario1" />
  <br />
  <label for="apellido">Apellidos:</label>
  <input type="text" name="apellido" id="formulario1" />
  <br />
  <label for="email">Email:</label>
  <input type="text" name="email" id="formulario1" />
  <br />
  <label for="telefono">Telefono:</label>
  <input type="text" name="telefono" id="formulario1" />
  <br />
  <input type="submit" value="Me Apunto!!" />
  <input type="reset" value="Cancelar">
  <br />
</form>
<br/><br/><br/><br/>
<h3>Petición De Información.</h3>

<form method="get" action="">
  <p>
    <label for="nombre">Nombres:</label>
    <input type="text" name="nombre" id="formulario2" />
    <br />
    <label for="pais">País:</label>
    <input type="text" name="pais" id="formulario2" />
    <br />
    <label for="email">Email:</label>
    <input type="text" name="email" id="formulario2" />
    <br />
    <label for="consulta">Expliquenos su duda:</label>
    <br/>
    <textarea name="dudas" rows="4" cols="30">Tus Comentarios, Dudas O Preguntas! Feedback is welcome!</textarea>
    <br/><br/>
    <input name="boton1" type="image" src="http://jeecommunications.com/jee/buttons/send-button.png" />
    <br />
    <button type="reset"> 
      Pulse aquí para cancelar <br/> Esto Borrara Todos Los Datos!
    </button>
  </p>
</form>
</body>
</html>

Alex Rodríguez · « **Respuesta #1 en:** 31 de Marzo 2016, 14:35 »

Hola 3skai el ejercicio está bien resuelto, a seguir así

Recomendamos escribir <!DOCTYPE html> en lugar de <!Doctype html>

<html lang="en"> no sería correcto, recomendamos <html> y dentro de las etiquetas head escribir <meta charset="utf-8" /> para que reconozca todos los caracteres en español. En mi navegador por ejemplo lo que se ve es InscripciÃ³n Al Concurso Saber y Ganar. Para evitar problemas entre distintos navegadores incluye el meta charset como he comentado.

En el action es preferible poner algo aunque sea solo a modo de ejemplo, en vez de action="" escribir action="http://aprenderaprogramar.com" así sirve para pruebas.

Saludos

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: