Design a Contact Form - Design a Contact Form

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

Hey there,
It’s referring to the value attribute of your button element. It should be “Submit”.

1 Like

Hi there. The button element need an opening and closing tags. Also it’s not work like input element. You can’t add a label element around it.

2 Likes

thank you . It worked . I removed the button from the label as you said and placed an ending tag.

2 Likes