Cuéntanos qué está pasando:
no se como guardar una foto que tengo descargada para después usarla como fondo.
Tu código hasta el momento
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<title>formulario de encuesta</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1 id="title">FORMULARIO DE ENCUESTA</h1>
<p id="description">Gracias por tomarse el tiempo para ayudarnos.</p>
<form id="survey-form">
<fieldset>
<label id="name-label">Nombre<input id="name" placeholder="nombre"class="inline" required /></label>
<label id="email-label">correo electronico<input id="email" type="email" placeholder="email" class="inline" required /></label>
<label id="number-label">Edad (opcilonal) <input id="number" type="number" min="13" max="100" placeholder="años" class="inline" /></label>
<label form="como nos conociste">como nos conociste <select id="dropdown" >ocupación
<option>recomendado por un amigo</option>
<option>anuncio publicitario</option>
</select></label>
<label for="Nos recomendarias"> Nos recomendarias
<label><input type="radio" name="Nos recomendarias" value="seguro si" id="seguro-que-si" />seguro que si</label>
<label> <input type="radio" name="Nos recomendarias" value="tal vbez" id="tal-vez" />tal vez</label>
<input type="radio" name="Nos recomendarias" value="seguro no" id="seguro-que-no" />seguro que no</label>
<label name="elección">¿Por que nos elegiste?</label>
<label><input type="checkbox" value="productos" > por nuestros productos</label>
<label>
<input type="checkbox" value="información" >por nuestra información
</label>
<label name="sugerencias" >Ayudenos a mejorar <textarea>Sugerencias</textarea></label>
</fieldset>
<label><input id="submit" type="submit">
</label>
</form>
</body>
/* file: styles.css */
body{
font-family: Times New Roman;
font-size: 18px;
}
h1{ font-family: Georgia;
font-size: 25px;
margin: 0.5 em auto;
text-align: center;
color: #f35a3c;
}
p{
margin: 1em auto;
text-align: center;
font-size: 12px;
color: #006f3a
}
form {
width: 60vw;
max-width: 300px;
min-width: 200px;
margin: 2em auto;
}
fieldset {
margin: 1em auto;
padding: 1rem 2em 1em 2em;
background-color: hsl(214, 90%, 60%);
}
label {
display: block;
margin: 0.5rem 0;
}
input[type="submit"] {
display: block;
width: 30%;
margin: 1em 6.5em;
height: 2em;
font-size: 1rem;
background-color: #ffffff;
min-width: 100px;
}
.inline {
width: unset;
margin: 0 1em 0 0;
display: block;
}
textarea
{
margin: 1em 0 0;
width: 100%;
min-height: 4em;
}
Información de tu navegador:
El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36
Challenge: Encuesta - Crea un formulario de encuesta
Enlaza al desafío: