header ads

Feedback Form in HTML and CSS | Student Feedback Form in HTML Code

Hanif Miah May 17, 2019

In this tutorial, we will learn how to create feedback form in HTML and CSS. Freely learn and create student feedback form in HTML code. Easy to make an HTML form, just copy the source code of feedback form and paste in your text editor. If you want to change the HTML feedback form, you can. Let's start the code-
Feedback Form in HTML and CSS
Feedback Form in HTML and CSS


Feedback Form Source Code:

<html>
<head>  
<title>Forms</title>
<style type="text/css">
body {  
font-family: arial;  
background-color: rgb(185,179,175);
} 
legend {
color: green;
}
label {
color: black;
}
h1 {
background-color:#E86F67; 
color: #2A363B;
}
</style>  
</head> <body>
<h1><center>Welcome To CodeTextPro</center></h1>  
<form action="https://www.codetextpro.com/p/contact-us.html" method="post">   
<fieldset>    
<legend>     
Your Details:    
</legend>    
<label>     
Name:     <input type="text" name="name" size="30" maxlength="100">    
</label>    
<br />    
<label>     
Email:     <input type="email" name="email" size="30" maxlength="100">    
</label>    
<br />   
</fieldset>   
<br />   
<fieldset>    
<legend>     Your Review:    </legend>    
<p>     
<label for="hear-about">      
How did you hear about us?     
</label>     
<select name="referrer" id="hear-about">      
<option value="google">Google</option>      
<option value="friend">Friend</option>      
<option value="advert">Advert</option>      
<option value="other">Other</option>
</select>
</p>
</p>

 Would you visit again?     
<br />     
<label>      
<input type="radio" name="rating" value="yes" />      
Yes     
</label>     
<label>      
<input type="radio" name="rating" value="no" />      
No     
</label>     
<label>      
<input type="radio" name="rating" value="maybe" />      
Maybe     
</label>    
</p>    
<p>     
<label for="comments">      
Comments:     
</label>     
<br />     
<textarea rows="4" cols="40" id="comments">     
</textarea>   
 </p>    
<label>     
<input type="checkbox" name="subscribe" checked="checked" />      
Sign me up for email updates    
</label>    
<br />    
<input type="submit" value="Submit review" />   
</fieldset>  
</form> 
</body> 
</html> 



Tags:
Hanif Miah

Posted by: Hanif Miah

Post a Comment

6 Comments