HTML Textbox

This page contains HTML textbox code. This code can be copy/pasted into your own website or blog.

In HTML, you create a textbox by using the <textarea> element. This element creates a multiline text input field (i.e. one that spans over multiple lines).

Basic TextBox Example

Here's an example of an HTML textbox:

Source Code	Result
<textarea> This is where the user can enter text...	This is where the user can enter text...

Textbox Size

You can specify how many columns and how many rows should be visible without the need to scroll. To do this, you need to use the cols and rows attributes.

Source Code	Result
<textarea cols="50" rows="5"> This is where the user can enter text. If there's too much text, the textbox can develop scrollbars to accommodate the extra text...	This is where the user can enter text. If there's too much text, the textbox can develop scrollbars to accommodate the extra text...

Textbox Name

The <textarea> element also accepts a name attribute. This name can be referred to within any script that processes the contents of the textbox.

Source Code	Result
<textarea name="myTextBox" cols="50" rows="5"> This textbox has been given a name of "myTextBox". This can be used by any script that process the contents of this textbox (once it's been submitted to the server).	This textbox has been given a name of "myTextBox". This can be used by any script that process the contents of this textbox (once it's been submitted to the server).

Submitting Your Textbox

In HTML, textboxes are usually displayed as one of many elements within a form. HTML forms usually have a "Submit" button (along with type="submit"). When the user clicks the "Submit" button, the form is submitted to its "action" page (which is specified using the action attribute). It's this "action" page that is responsible for processing the contents of the form.

In our example below, the "action" page is a simple thankyou page. In practice, it would process the data sent by the form.

Source Code	Result
<form action="/html-codes/textboxes/submitted.cfm" target="_blank"> <textarea name="myTextBox" cols="50" rows="5"> Enter some text...	Enter some text...

You can also change the textbox color and create a textbox border.

Check out this article with more textarea codes that you can copy/paste into your website or blog.

<HTML.am>

HTML Textbox

Basic TextBox Example

Textbox Size

Textbox Name

Submitting Your Textbox

More