FREE HTML CODE
Search HTML Code

Comment Box Code

Example Comment Box Code:

The following comment box code consists of a form containing a small textarea (the comment box) and an input field (the submit button). It also contains a break (<br />)after each element so that each form element starts on a new line.


This results in:
Comments:



Note that the above code assumes that there's an "action page" to process the contents of the form. In this example, "/html/tags/html_form_tag_action.cfm" is the server-side script that processes the form.

To learn more, check out the Add Comments to Website page.

Adding Color & Pictures

You can also change the color of your comment box, add borders, and add a background picture. Here are some examples:

Comments:





Change the color of your comment box





Add a background picture




Add borders to your comment box


Send Email from your Comment Box!

You can use your comment box to create a feedback form that sends you an email every time someone clicks the submit button. All you need to do is change the value of the action attribute to a script that processes the form and sends you an email.
Here's an example of what I mean. This page provides you with all the code you need to create a feedback form.

Further Details


This info aims to help you understand the above code, which consists mainly of HTML tags (or HTML elements).
The form tags contain other tags nested within them. These other tags define the actual form elements that appear within the form - such as the actual comment box (otherwise known as the "textarea").
You can use the following template as a basis for your HTML comment box code. Simply fill in the blanks or remove uneeded attributes.

1. The <form> Tag

For an explanation of all the attributes, see the HTML form tag specifications.



<form
 action=""
 method=""
 enctype=""
 accept-charset=""
 accept=""
 name=""
 class=""
 id=""
 dir=""
 lang=""
 target=""
 onSubmit=""
 onReset=""
 onclick=""
 ondbclick=""
 onmousedown=""
 onmouseup=""
 onmouseover=""
 onmousemove=""
 onmouseout=""
 onkeypress=""
 onkeydown=""
 onkeyup="" >

 (the individual form element tags go here - see below)

 </form>

2. The <textarea> Tag


This tag defines the comment box within the form.
For an explanation of all the attributes, see the HTML textarea tag specifications.


<textarea
 name=""
 rows=""
 cols=""
 class=""
 id=""
 dir=""
 lang=""
 title=""
 style=""
 readonly=""
 disabled=""
 tabindex=""
 onfocus=""
 onblur=""
 onselect=""
 onchange=""
 onclick=""
 ondbclick=""
 onmousedown=""
 onmouseup=""
 onmouseover=""
 onmousemove=""
 onmouseout=""
 onkeypress=""
 onkeydown=""
 onkeyup="" >

 (this is where the user can type comments and stuff)

</textarea>



3. The <input> Tag

This tag defines input fields within the form and can be used for defining the submit button of the comment box.
For an explanation of all the attributes, see the HTML input tag specifications.


<input
 type=""
 name=""
 value=""
 size=""
 maxlength=""
 checked=""
 src=""
 class=""
 id=""
 dir=""
 lang=""
 title=""
 style=""
 align=""
 alt=""
 readonly=""
 disabled=""
 tabindex=""
 accesskey=""
 ismap=""
 usemap=""
 onfocus=""
 onblur=""
 onselect=""
 onchange=""
 onclick=""
 ondbclick=""
 onmousedown=""
 onmouseup=""
 onmouseover=""
 onmousemove=""
 onmouseout=""
 onkeypress=""
 onkeydown=""
 onkeyup="" />

| More