Hello there, I’m stuck with the last requirement, I can’t seem to make the ‘textarea’ element a descendant of the #survey-form. Any help will be grately appreciated.
<!-- file: index.html -->
/* file: styles.css */
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36
Survey Form - Build a Survey Form
Hey there,
Please update the message to include your code. The code was too long to be automatically inserted by the help button.
When you enter a code, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.
You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.
See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').
<!doctype html!>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Survey Form</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div class="container">
<h1 id="title">Survey Form</h1>
<p id="description">This survey will help us improve the quality of our plateform, we are grateful for your cooperation.</p>
<form method="post">
<fieldset>
<div class="formdata">
<label for="name">Enter your name: <input class="inline" id="name" type="text" required /></label>
</div>
<div class="formdata">
<label for="email">Enter your Email: <input type="email" id="email" class="inline" class="inline" required /></label>
</div>
<div class="formdata">
<label for="number">Age :<input type="number" id="number" min="13" max="119" class="inline" /></label>
</div>
<div class="formdata">
<label>How would you describe yourself :</label>
<div class="formdata">
<select id="dropdown" name="occupation" class="inline" required>
<option disabled selected value>Select a choice</option>
<option value="1">Student</option>
<option value="2">Full time job</option>
<option value="3">Looking for work</option>
<option value="4">I keep my buisness to myself</option>
</select>
</div>
</fieldset>
<fieldset>
<legend>Chances you would recommend our website</legend>
<label for="100%"><input type="radio" name="recommendation" id="100%">100%</label>
<label for="75%"><input type="radio" name="recommendation" id="75%">75%</label>
<label for="50%"><input type="radio" name="recommendation" id="50%">50%</label>
<label for="25%"><input type="radio" name="recommendation" id="25%">25%</label><label for="5%"><input type="radio" name="recommendation" id="5%">5%</label>
<label for="0.001%"><input type="radio" name="recommendation" id="0.001%">0.001%</label>
</fieldset>
<fieldset>
<div id="comments">
<label for="improvement">Do you have any remarks or recommendations? </label>
<label name="yes"><input type="checkbox" id="yes">Yes</label>
<label name="no"><input type="checkbox" id="no">No</label>
<label class="textarea"><input name="comment" type="textarea" placeholder="If yes, we are happy to hear..."></label>
</div>
</fieldset>
<div type="button">
<input type="submit" value="Submit " />
</div>
</body>
</html>[quote="ilenia, post:2, topic:691334, full:true"]
where is your element with id survey-form?
also, it would be good for your code if you used an html validator and solved all the issues Ready to check - Nu Html Checker
textarea is a HTML element, not an attribute or value.
I’ve run the code checker and got to see the errors in my code, the website you shared is a life saver, thank you!
Yuh I see now, thanks. I’ve changed it and it worked out!<textarea name="comment" id="textarea" placeholder="If yes, we are happy to hear..."></textarea>
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.