How to add comment boxes into websites with coding

DistrictND

I have made lots of tutorials on web development and they all turned out great but today am going to show you how to build a comment box into a webpage with coding
So we all know that its necessary to include comment boxes to webpages so that your viewers can comment on that page, this is a big necessity, in some cases it's a must to have comment boxes in your webpage so today am  going to teach you how to code your own comment box in a webpage first let's see what a comment box is and why we need one.

What are comment boxes:
Comment boxes are those boxes found in webpages that allows readers to drop their opinion about that page, people normally ask questions that troubles them in a webpage in comment boxes therefore comment boxes are necessary for webpages especially if your webpage contains a complicated content or is a discussion content most especially about something or someone.

How to add comment boxes to webpages with coding

1 Go to your html editor.

2 Integrate this lines of codes.

<form action ="/html/tags/
html_form_tag_action.cfm"
method = "post" >
<div>
<textarea name= "comments"
id ="comments" style = "font-
family:sans-serif;font-
size:1.2em;" >
Place your comment!
</textarea>
</div>
<input type= "submit"
value ="Submit" >
</form>

The above code will display in a web browser like this

You can edit the text that says place your comments and put any text you want.
Now that you know how to build comment boxes let me teach you how to add a background to your comment box.

How to add an image to the background of your comment box.

1 Go to your html editor.

2 Integrate this lines of codes

<form action ="/html/tags/
html_form_tag_action.cfm"
method = "post" >
<textarea name= "comments"
id ="comments"
style ="width:96%;height:150px;
padding:2%;font-
size:1.2em;color:white;background:
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyUBqVpTTxvwxFWmY4J56NcTCW2qY7_90UKKCZRIQe4NAVjVCkpA35s2R-QnBabejs-UihqFHEBfz57Nn_0Gafb3g2Z1puFkj0rpNpVTio6kS_D3-CyXfYaU2nLiagLnNk6957e6ckzTEM/s1600/districtnd+icon.png);background-
position:center center;background-
repeat:no-repeat;background-
size:cover;" >
Enter your comments here...
...and watch your comment box grow
scrollbars!
</textarea>

The above code will display in a web browser like this

Now you know how to design the background image of your comment boxes.

Note
If you change or add an image to the background of your comment boxes, it will not display unless you save your webpage as index.html file then upload it online using this methods.
(i) With windows or  Mac: Save the webpage as a html file then drag the file to your browser it will upload and display your work or find a web hosting company and host your webpages.
(ii) With Android: Find a web hosting company and host your webpages.
Now your progress will be displayed.

Warning
Make sure you get every steps right if you fail to do so you will loose your progress.

Conclusion
So now you see you, just got a full working tutorial on how to build comment boxes here it's left for you to help me now by going to the support and motive us page and see if you can accomplish the simple task given there thanks.
And remember to subscribe to our blog to get latest updates on our annual articles because sharing is caring.