Skip to content

Instantly share code, notes, and snippets.

@braincee

braincee/index.html

Created February 12, 2022 21:25
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save braincee/bb2652e6e291e4661204898f530dfbe4 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save braincee/bb2652e6e291e4661204898f530dfbe4 to your computer and use it in GitHub Desktop.
Download ZIP
ZEaJEpE
Raw
index.html
<h1 id="title">MICROVERSE SURVEY FORM</h1>
<p id="description">Student Information</p>
<form id="survey-form">
<label id="name" id="name-label">Name</label>
<input type="text" placeholder="Enter your name"/>
<label id="email" id="email-label">
Email
</label>
<input id="email" placeholder="Enter your email" name="email"></input>
<label id="number" id="name-label">Number</label>
<input type="number" name="number" min="7" max="12" id="number"
placeholder="number"/>
<div id="dropdown">
<label>
Choose your Course:
</label>
<select>
<option>HTML</option>
<option>CSS</option>
<option>JavaScript</option>
</select>
</div>
<div id="comment">
<label>Additional Comments</label>
<input type="textarea" />
</div>
<button id="submit">Submit</button>
</form>
Raw
style.css
body {
text-align: center;
background-color: skyblue;
}
form {
}
#dropdown {
margin-right: 25%;
margin-top: 20px;
}
#comment {
margin-right: 18%;
margin-top: 20px;
}
#submit {
margin-top: 20px;
margin-left: 10px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment