Tell us what’s happening:
sera que pueden explicarme tengo mmis botones de pcion pero no me deja psar segun necesito 2 botnes al menos
Your code so far
<!-- file: index.html -->
<DOCTYPE html >
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Survey Form></title>
<lin rel="stylesheet" href="styles.css">
</head>
<body>
<h1 id="title">A Surver Form</h1>
<p id="description">This is a survey form for all of our customers</p>
<div id="form">
<form id="survey-form">
<label id="name-label">Name</label>
<input type="text" id="name" placeholder="Enter Your Name" required>
<label id="email-label">Email</label>
<input type="email" id="email" placeholder="Enter Your Email" required>
<label id="number-label">Age</label>
<input type="number" id="number" placeholder="Enter Your Age" min="18" max="120" required>
<label>Chen did you start patronising us?</label>
<select id="dropdown">
<option>Select duration<option>
<option>A year ago</option>
<option>2year ago</option>
<option>3 year ago</option>
<option>4 year ago</option>
<option>5 year ago</option
</select>
<div id="saller-inputs">
<label id="radio-label"Are you registred customer?></label>
<input id="yes" type="radio" name="yes" value="yes">
<label for="yes" class="small"> <a href="a" class="button1">button1</a> >Yes</label><br>
<input id="no" type="radio" name="no" value="no"
>No</a>
<label for="no" class="small">No</label>
<label>Whats is your favorite product so far?</label>
<input type="checkbox" name="macbook" value="macbook">
<label for="macbook" class="small">Macbook</label><br>
<input type="checkbox" name="hp" value="hp"
<label for="hp" class="small">Hp Elitebook</label><br>
<input type="checkbox" name="lenovo" value="lenovo"
<label for="lenovo" class="small">Lenovo thinkpad</label>
<label>Any other information for us?</label>
</div>
<textarea placeholder="Drop your comments here..."></textarea>
</label>
<button type"submit" id="submit">Submit</button>
</form>
</div>
</body>
</html>
/* file: styles.css */
*{
margin:0;
padding:0;
}
body{
background-color:darkblue;
tex-align:center;
color:#fcfcfc
padding:10px;
}
#form-container{
display:flex;
justify-content:center;
}
#description{
font-size:18px;
font-style:intalic;
}
#survey-form{
padding-left:20px;
margin-top:10px;
background-color:rgb(11,11,44);
text-align:left;
font-size:20px;
border-radius:5px;
}
label{
display:block;
margin:10px;
}
input{
width:90%;
height:30px;
border-radius:5px;
}
select{
width:90%;
height:30px;
border-radius:5px;
}
#smaller-inputs input{
width:15px;
}
#smaller-inputs .small{
display:inline
}
textarea{
width:90%;
height:100px;
border-radius:5px;
}
#submit{
background-color:green;
color:#fcfcfc;
width:90%;
margin:15px 0 15px 0;
paddding:5px 0 5px 0;
font-size:18px;
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36
Challenge Information:
Survey Form - Build a Survey Form
