Responsive Web Design Survey FORM HTML

Responsive Web Design Survey FORM HTML

Aug 01, 2022

HMTL

<!DOCTYPE html>

<html>

  <head>

    <title>Survey Form</title>

    </head>

    <body>

    </html>

    <h1 id="title">DIKER Survey FORM</h1>

    

<p id="description">Help me learn more about your favorite OS!</p>


<form id="survey-form">

  <div class="form-control">  

<label id="name-label">Name:<input id="name" placeholder="Enter your Name" type="text" required />

</label>

</div>

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

<div class="form-control"><input id="email" placeholder="Enter your Email" type="email" required />

</label>

<label id="number-label">Age:  

</div>

<input id="number" placeholder="Age" type="number" min="0" max="205" />

</label>

</div>
<select id="dropdown">

<option>Student</option>

<option>Tech-related field

</option>

<option>Nontech-related field</option> 

 </select>  </div>
  <div class="form-control">    <label>Windows  

<input type="radio" name="radiogroup" value="windows"  

</label>  <label>MacOS  

<input type="radio" name="radio-group" value="macos"  

</label>  <label>Linux  

<input type="radio" name="radio-group" value="linux"  

</label>  

</div>
<div class="form-control">  

<label>Cost <input type="checkbox" value="Cost" />

</label>

<label>Coding<input type="checkbox" value="Coding" />

</label><label>Apps<input type="checkbox" value="Apps" />

</label><label>Gaming

<input type="checkbox" value="Gaming" />

</label>

<label>Security<input type="checkbox" value="Security" />

</label>

</div>
<div class="form-control">

<textarea>

</textarea>

</div><div class="form-control">

<button  id="submit" type="submit">Submit</button>

</div>  </form>  

</div>

Enjoy this post?

Buy SEMIH a coffee

More from SEMIH