WEB DESIGN TUTORIAL HTML the last part of PART-018

At first, Thank for my all Post Readers. Today HTML parts 18 post. This is Full HTML Web Page in the Tutorial. you can learn a full HTML web design it. I hope so. Let's start...
Today's Subject is HTML Forms

Attributes

Following is the list of important attributes of <select> tag:

Attribute	Description
Name	Used to give a name to the control which is sent to the server to be recognized and get the value.
Size	This can be used to present a scrolling list box.
multiple	If set to "multiple" then allows a user to select multiple items from the menu.

Following is the list of important attributes of <option> tag:

Attribute	Description
value	The value that will be used if an option in the select box box is selected.
selected	Specifies that this option should be the initially selected value when the page loads.
label	An alternative way of labeling options

Related Post:

WEB DESIGN TUTORIAL HTML PART-018 Awesome Multi Author Box for Blog Header or Footer

File Upload Box

If you want to allow a user to upload a file to your web site, you will need to
use a file upload box, also known as a file select box. This is also created using
the <input> element but type attribute is set to

Attribute	Description
submit	This creates a button that automatically submits a form.
reset	This creates a button that automatically resets form controls to their initial values.
button	This creates a button that is used to trigger a client-side script when the user clicks that button.
Image	This creates a clickable button but we can use an image as background of the button.

Example
Here is example HTML code for a form with three types of buttons:

<!DOCTYPE html>
<html>
<head>
<title>File Upload Box</title>
</head>
<body>
<form>
<input type="submit" name="submit" value="Submit" />
<input type="reset" name="reset" value="Reset" />
<input type="button" name="ok" value="OK" />
<input type="image" name="imagebutton" src="/html/images/logo.png" />
</form>
</body>
</html>

This will produce the following result

Related Post

WEB DESIGN TUTORIAL HTML PART-017

Hidden Form Controls

Hidden form controls are used to hide data inside the page which later on can
be pushed to the server. This control hides inside the code and does not
appear on the actual page. For example, following hidden form is being used
to keep current page number. When a user will click next page then the value
of hidden control will be sent to the web server and there it will decide which
page has be displayed next based on the passed current page.
Example

Thank you of all Reader>>

Featured post

How to get 1000 up Visitor per video on your Youtube channel Make Money part 2