The submit button is use to send the information or data in a form to the server after clicked. Their are lots of submit button but this is a simple code that you will see and learn using HTML.
Source Code:
<html>
<head>
<title>Submit Buttons</title>
</head>
<body>
<b>Submit Buttons:</b><br/>
<input type = "submit" name="send" value="submit" >
</body>
</html>
Name - you will set the name of the button to add the program that handles through the server.
Value - you will set the value of what is written.
Output:
Submit Buttons:
This is an example of the submit button and you will apply this sending or adding data to the server.
I hope do you have learn something on my blog. Thanks!
Monday, April 18, 2011
Reset Button in HTML
The use of the reset button is to clear or delete the form automatically when the user click it. It also the same of the Submit Button but the difference it the function of the two the reset is to clear while the submit is to add information in the field.
Source Code:
<html>
<head>
<title>Reset Buttons</title>
</head>
<body>
<b>Reset Buttons:</b><br/>
<input type = "reset" name="clear" value="Reset" >
</body>
</html>
Name - you will set the name of the button to delete or clear the program that handles automatically through the server.
Value - you will set the value of what is written like "Reset".
Output:
Reset Buttons:
This is apply if you want to put an delete button or rest from your website.
I think this basic program I hope you will learn something to it.
Thanks for reading my blog...
Source Code:
<html>
<head>
<title>Reset Buttons</title>
</head>
<body>
<b>Reset Buttons:</b><br/>
<input type = "reset" name="clear" value="Reset" >
</body>
</html>
Name - you will set the name of the button to delete or clear the program that handles automatically through the server.
Value - you will set the value of what is written like "Reset".
Output:
Reset Buttons:
This is apply if you want to put an delete button or rest from your website.
I think this basic program I hope you will learn something to it.
Thanks for reading my blog...
Friday, April 8, 2011
Scrolling Lists in HTML
The Scrolling lists can configure lists to allow the users to choose one or multiple answers to be selected form. It is efficient way to display more information in less space than static HTML.
Source Code:
Multiple - defines the ability to make multiple selections.
Size - You can modify the number of line will display from you webpage. Example of my codes there are "3" size indicate.
Output:
This look like the scrolling list. I hope did you get some idea from my blog.
thanks for reading and try your own making a webpage.
Source Code:
<!DOCTYPE html>
<html>
<head>
<title>Scrolling Lists</title>
</head>
<body>
<b>Scrolling List:</b><br/>
<p>
<select MULTIPLE SIZE="3" NAME="course department">
<option value= "BSCS"> Computer Science
<option value= "BSIT"> Information Technology
<option value= "BSCoE"> Computer Engineering
<option value= "BSA"> Accountancy
<option value= "BSN"> Nursing
</select>
</p>
</body>
</html>
Multiple - defines the ability to make multiple selections.
Size - You can modify the number of line will display from you webpage. Example of my codes there are "3" size indicate.
Output:
This look like the scrolling list. I hope did you get some idea from my blog.
thanks for reading and try your own making a webpage.
Text Areas in HTML
The text area is similar to the text field that can put their text on the box. While the text area has a text fields that can span several lines. Unlike most other form fields, text areas are not defined with an input tag.
Source Code:
Rows - You can specify the depth of the text area.
Cols - You can specify the width of the text area.
Wrap = "Physical" - it allows the text to wrap in the box as it is entered. it is optional if you want to use.
Output:
This is the output that the user input a lorem ipsum. Now you can try by your own. If you have a clarification leave a comment for this page. Thank for your time reading my blog.
Source Code:
<!DOCTYPE html>
<html>
<head>
<title>Text Areas</title>
</head>
<body>
<b>Text Area:</b><br/>
<p>
<textarea name="textarea" rows= "10" cols = "30" >
</p>
</body>
</html>
Rows - You can specify the depth of the text area.
Cols - You can specify the width of the text area.
Wrap = "Physical" - it allows the text to wrap in the box as it is entered. it is optional if you want to use.
Output:
This is the output that the user input a lorem ipsum. Now you can try by your own. If you have a clarification leave a comment for this page. Thank for your time reading my blog.
Text Fields in HTML
The function of the text fields to enter a single line of text. This form are one of the most common fields we see on the websites. like search box, signing an account, and other types of text field that can apply to the websites.
Source Code:
The Size option denoted the width of the field. the maxlength option denoted the maximum length of the field like "30" is an example of the maxlength.
The Name setting add an internal name to the fields so the program that handles the form can identify the fields.
Output:
This output of the text field code. Now you can try by your own.
Source Code:
<!DOCTYPE html>
<html>
<head>
<title>Text Fields</title>
</head>
<body>
<b>Text Field:</b><br/>
<p>
<input type= "text" name="textfield" size= "30">
</p>
</body>
</html>
The Size option denoted the width of the field. the maxlength option denoted the maximum length of the field like "30" is an example of the maxlength.
The Name setting add an internal name to the fields so the program that handles the form can identify the fields.
Output:
This output of the text field code. Now you can try by your own.
Subscribe to:
Posts (Atom)