0% found this document useful (0 votes)
2 views

Build a Survey Form

This document is an HTML code for a survey form that includes fields for name, email, number, gender selection, interests, and additional comments. It requires users to fill out specific information and submit their responses. The form is structured with labels, input types, and a submit button.
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
2 views

Build a Survey Form

This document is an HTML code for a survey form that includes fields for name, email, number, gender selection, interests, and additional comments. It requires users to fill out specific information and submit their responses. The form is structured with labels, input types, and a submit button.
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 1

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Survey Form</title>
</head>

<body>
<h1 id="title">Survey Form<h1>
<p id="description">Please take few moment to fill out this survey.</p>
<form id="survey-form">
<label for="name" id="name-label">Name:</label>
<input type="text" id="name" placeholder="enter your name" required>

<label for="email" id="email-label">Email:</label>


<input type="email" id="email" placeholder="enter your email" required>

<label for="number" id="number-label">Number:</label>


<input type="number" id="number" placeholder="enter your number" min="18"
max="99" required>

<label for="dropdown">Select an option:</label>


<select id="dropdown">
<option value="option-1">Option 1</option>
<option value="option-2">Option 2</option>
</select>

<p>choose your gender:</p>


<input type="radio" name="gender" value="male">Male
<input type="radio" name="gender" value="female">Female

<p>"Select your interest:"</p>


<input type="checkbox" value="sport">Sports
<input type="checkbox" value="music">Music
<input type="checkbox" value="reading">Reading

<label for="comments">Additional Comments:</label>


<textarea id="comments" placeholder="enter your comments"></textarea>
<button id="submit">Submit</button>
</form>
</body>
</html>

You might also like