Tags | HTML comment box template, HTML comment box for my website, HTML comment box code for website, HTML comment box bootstrap, leave comment box HTML code, comment form template HTML
- Must Read JavaScript Autocomplete TextBox Example
- HTML Input Text Autocomplete jQuery
- Form Validation HTML5 JavaScript
Feedback form HTML template
HTML Forms are one of the main points of interaction between a user and a website or application. They allow users to send data to the website. Comments are an integral part of many website and blogs as an effective way to engage users and build community.
HTML Comment Box Design
A bustling comments section on your blog posts can help bring people together around your product and create a sense of community, bringing your website to life. And, of course, give blog authors warm fuzzies since people are actually reading their posts!
In this article, I will share comment form HTML code snippet using CSS. Find the feedback form HTML template code below:-
Important Features
- Clean, Unique & Modern Responsive Design
- HTML5 and CSS3
- Built with Bootstrap
- Font Icons
- Fully Customizable
- Easy to use
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
|
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML Comment Box Code for Website</title>
<link rel="stylesheet" type="text/css" href="css/smart-forms.css">
<link href="css/bluetheme.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="smart-wrap">
<div class="smart-forms smart-container wrap-3">
<div class="form-header header-blue">
<h4><i class="fa fa-comments"></i> Please comment </h4>
</div><!-- end .form-header section -->
<form method="post" action="/" id="comment2">
<div class="form-body theme-blue">
<div class="section">
<label class="field prepend-icon">
<input type="text" name="names" id="names" class="gui-input" placeholder="Enter name...">
<span class="field-icon"><i class="fa fa-user"></i></span>
</label>
</div><!-- end section -->
<div class="section">
<label class="field prepend-icon">
<input type="email" name="email" id="email" class="gui-input" placeholder="Enter Email...">
<span class="field-icon"><i class="fa fa-envelope"></i></span>
</label>
</div><!-- end section -->
<div class="section">
<label class="field prepend-icon">
<input type="url" name="website" id="website" class="gui-input" placeholder="Website url (optional)...">
<span class="field-icon"><i class="fa fa-globe"></i></span>
</label>
</div><!-- end section -->
<div class="section">
<label class="field prepend-icon">
<textarea class="gui-textarea" id="comment" name="comment" placeholder="Enter message..."></textarea>
<span class="field-icon"><i class="fa fa-comments"></i></span>
<span class="input-hint">
<strong>USE HTML TAGS:</strong>
<blockquote>, <strong><a>, <b>, <ul>, <li>, <code>
</span>
</label>
</div><!-- end section -->
<div class="section">
<label class="option option-blue">
<input type="checkbox" name="check1">
<span class="checkbox"></span> Notify me with comment updates
</label>
</div><!-- end section -->
<div class="spacer-b30">
<div class="tagline"><span>Just a moment </span></div><!-- .tagline -->
</div>
<div class="section">
<span class="rating block">
<span class="lbl-text">Rate this article</span>
<input class="rating-input" id="five-stars" type="radio" name="article-rate">
<label class="rating-star" for="five-stars"><i class="fa fa-star"></i></label>
<input class="rating-input" id="four-stars" type="radio" name="article-rate">
<label class="rating-star" for="four-stars"><i class="fa fa-star"></i></label>
<input class="rating-input" id="three-stars" type="radio" name="article-rate" checked>
<label class="rating-star" for="three-stars"><i class="fa fa-star"></i></label>
<input class="rating-input" id="two-stars" type="radio" name="article-rate">
<label class="rating-star" for="two-stars"><i class="fa fa-star"></i></label>
<input class="rating-input" id="one-star" type="radio" name="article-rate">
<label class="rating-star" for="one-star"><i class="fa fa-star"></i></label>
</span>
</div><!-- end section -->
</div><!-- end .form-body section -->
<div class="form-footer">
<button type="submit" class="button btn-blue">Post Comment</button>
</div><!-- end .form-footer section -->
</form>
</div><!-- end .smart-forms section -->
</div><!-- end .smart-wrap section -->
<div></div><!-- end section -->
</body>
</html>
|
Did you find this post useful? I hope you liked this article. Please share with me your valuable suggestions and feedback.
