Web-Source.net

Input Text Box Default Text

Home → HTML Basics → HTML Tips → Input Text Box Default Text

 

Input Text Box Default Text

You can display default text within your web page form input box.

The INPUT tag is used to create input fields within a web page form.

When using HTML forms within a web page, many times you may need to display some ‘default text’ within your form to show your visitors what they should type in the form field.

This can be accomplished by adding the VALUE attribute to your input form.

HTML Code
HTML code viewed within an HTML document:
html-line

<input type="text" value="you@yourdomain.com">

Browser View
HTML coding viewed through a web browser:
html-line

HTML Code
HTML code viewed within an HTML document:
html-line

<input type="text" value="Type in Your First and Last Name">

Browser View
HTML coding viewed through a web browser:
html-line


HTML Code
HTML code viewed within an HTML document:
html-line

<input type="text" value="Type in Your Business Name">

Browser View
HTML coding viewed through a web browser:
html-line


HTML Code
HTML code viewed within an HTML document:
html-line

<input type="text" value="Type in Your Address">

Browser View
HTML coding viewed through a web browser:
html-line


HTML Code
HTML code viewed within an HTML document:
html-line

<input type="text" value="Type in Your City, State and Zip">

Browser View
HTML coding viewed through a web browser:
html-line


Displaying default text within your web page form provides a great way to ensure your visitors will provide the right information within your input box.

For additional information on HTML web page forms, visit the HTML Tutorial section.

Give it a try…

To view the results below, after making changes to the above code, place your cursor at the end of the code and press your space bar on your keyboard.

Here’s the result…

This concludes the Input Text Box Default Text code.
 

<< HTML Tips
 

 
Visit the following pages for a wealth of copy and paste codes and tips:

HTML Tips
Copy and paste special effect HTML codes for your web page.

HTML Codes
An HTML codes chart you can use to copy and paste codes into your web page.

HTML Color Codes
An HTML color codes chart you can use to copy and paste color codes into your web page.

JavaScript Codes
Copy and paste special effect JavaScript codes for your web page.

Web Design Tips
Tips, tricks, and special effect codes for your web page.

HTML Tags
A list of HTML tags.

HTML 5 Tags
A list of the latest HTML tags to be developed.

ASCII Codes
Special text characters and code for your web page.