Tell us what’s happening:
i need help with the following step:
10. Your button should have a text of “Submit”.
(Thanks in advance.)
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Contact Form</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="form-container">
<form action="">
<h2>Welcome Aboard!</h2>
<label for="name">Name: <input type="text" name="name" id="name" required></label>
<label for="email">Email: <input type="email" id="email" name="email" required></label>
<label for="comments">Comments: <textarea id="comments" name="comments" placeholder="type something" required></textarea></label>
<label for="submit"> <button type="submit" value="submit" id="submit">Submit</label>
</form>
</div>
</body>
</html>
/* file: styles.css */
.form-container{
background-color:#2282ff;
border-radius:20px;
padding:10px;
width:50vw;
}
body{
background-color:#aaccdd;
}
label{
margin:0;
color:#220077;
}
input,textarea{
width:100%;
padding:2px;
margin-bottom:2px;}
button{
background-color:#0022aa;
color:#fff;
font-size:17px;
margin-left:100px;
margin-top:10px;
margin-bottom:2px;
border-radius:7px;
height:25px;
}
button:hover{
background-color:grey;
transition: 0.3s ease;
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/132.0.0.0 Safari/537.36
Challenge Information:
Design a Contact Form - Design a Contact Form