HTML Forms Properties Tutorial
- Web html5, css3, javascript, php, sql, jquery, xml, ajax, web design & development, photo maker, SEO.
- Online web design, along with everything you need for a complete website.
- html forms properties tutorial is most important in HTML. HTML Forms use to get a users information. It is user interactive. HTML Forms is a information tools to get information from the web surfer, such as: name, email address, address, phone number etc.
html form tag
| Tag | Description |
|---|---|
| <form> | form for user input. |
| <input> | input field data. |
| <button> | push button |
| <textarea> | text-area (a multi-line text input box). |
| <label> | label to the description. |
| <fieldset> | border to the input data. |
| <legend> | caption name write into fieldset. |
| <select> | drop-down select list box. |
| <option> | option value in the drop-down box. |
html <input> tag
The most used form tag is the <input> tag. This is the most commonly used tag within HTML forms. It give you to specify various types of user information fields such as text, checkboxes, buttons, Select Lists, etc.
| Attributes | Value | Description |
|---|---|---|
| type | "text"
"button" "password" "file" "checkbox" "radio" "reset" "submit" |
input text value.
input button text is convert password type. browse file. select option checkbox. select in radio type. input reset data. input submit data. |
| value | "value" | default value of element. |
| name | "value" | unique name for the input element. |
| size | "number" | width of numbered(character) size input box. |
| maxlength | "number" | maximum number(character) allow to enter input box. |
| checked | input element to be checked when it is first time loaded. | |
| alt | "text" | input name to identify. |
| align | "left"
"right" "center" |
input type align in HTML document. |
| src | "URL" | image open to mouse down submit. |
demo example
html forms code
<form action="submit.php" method="post">
Your texarea:
<textarea cols="40" rows="5" name="texarea" >
text....
</textarea/>
<input type="submit" value="Submit" name="Submit" />
</form>
<form action="submit.php" method="post">
First name:
<input type="text" name="FirstName:" size="20" maxlength="10" />
Last name:
<input type="text" name="LastName:" size="20" maxlength="10" />
</form>
<form action="submit.php" method="post">
Password:
<input type="password" name="Password" size="20" maxlength="10"/>
</form>
<form action="submit.php" method="post">
Name:
<input type="text" name="name" size="20" maxlength="10" />
<br />
<input type="submit" value="submit" name="Submit" />
<input type="reset" value="reset" name="Reset" />
</form>
All Basic HTML5
HTML is the main markup language for web pages, and its elements are the basic building blocks of web pages. HTML is written in the form of HTML elements consisting of tags enclosed in "greater than" and "less than" symbols within the content of the web page.
All Basic CSS3
CSS (Cascading Style Sheets) is a computer language that belongs to the category of style sheet languages used to control the appearance of a document written in a markup language.It is used to control the appearance of a document written in HTML and XHTML, that is, to control the appearance of a web page and a website in general.
js JAVASCRIPT
Javascript is a set of computer software and specifications developed by James Gosling at Sun Microsystems, later acquired by Oracle Corporation, which provides a system for developing application software and its development in a multi-platform computing environment.
CREATIONS
In this chapter I call creation I will present you creations html, css and javascript that are very useful and creative in a web site. You can get them ready-made with Netbax creations or create them yourself as you wish with the help provided by the Netbax editor.
NAVIGATION Bar
having easy-to-use horizontal & vertical menu is important for any web site. with css you can transform boring html menus into good-looking horizontal & vertical bars. horizontal & vertical menu is such an important part of your website. it’s how your visitors navigate to the main areas of your site and makes it easy for them to find.
WEB BUTTONS
Collection of hand-picked free HTML and CSS button code examples.In this article, we'll see some really cool looking responsive buttons using only a few lines of CSS.You are free to copy, modify and use this code as you wish.All the buttons shown here can scale accordingly to the font-size attribute, and should work in any relatively recent browser.