logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
European Travel
Action Movies
Bible Basics
Houseplants
Romance Movies
Creativity
Family Travel


dailyclick
All times in EST

Autism Spectrum Disorders: 4:00 PM

Full Schedule
g
g HTML Site

BellaOnline's HTML Editor

g

HTML Elements and Attributes that Control the Form on the Webpage

Guest Author - Diane Cipollo

Below is a list of the most commonly used*** html element tags that control a form on the webpage.

Note: Some attributes listed below have been depreciated in favor of Cascading Style Sheets.

Creates and Controls Webpage Form
ElementOpening TagAttributesClosing TagDescription
form<form>action="location"
method="type"
</form>Creates the shell of a web form

action - URL for processing program
method - how data is sent to program (get or post)
input<input>type="?"
name="id"
value="default"
checked
size="#"
maxlength="#"
onClick="script"
NoneCreates an input field in a web form

type - type of input field can be set to--
text - one line of text
button - creates a button
password - bullets displayed to hide password
checkbox - square check box
hidden - not visible on webpage
file - file select control
radio - circular radio button
submit - submit button
reset - reset button
image - use an image as a button

name - identifies input field
value - default value in field
checked - default radio or checkbox selected
size - length of field in number of characters
maxlength - maximum number of characters
onClick - URL of script to run on submit
option<option>value="?"
selected
</option>Creates one item in a drop-down menu list (see select tag)

value - sets value for option
selected - item selected by default
select<select>name="id"
size="#"
multiple
</select>Creates a drop-down menu list on web form

name - identifies input field
size - number of visible items in menu
multiple - allows multiple selections
textarea<textarea>name="id"
rows="#"
cols="#"
</textarea>Creates a multi-line input field in a form

name - identifies input field
rows - number of rows = height of input box
cols - number of cols = width of input box
***A complete list of html element tags can be found at the World Wide Web Consortium (W3C) website.
http://www.w3.org/TR/REC-html40/index/elements.html
**Color can be set using color names (red, black, etc) or RGB color codes or hexidecimal color codes.




This site needs an editor - click to learn more!

Add HTML+Elements+and+Attributes+that+Control+the+Form+on+the+Webpage to Twitter Add HTML+Elements+and+Attributes+that+Control+the+Form+on+the+Webpage to Facebook Add HTML+Elements+and+Attributes+that+Control+the+Form+on+the+Webpage to MySpace Add HTML+Elements+and+Attributes+that+Control+the+Form+on+the+Webpage to Del.icio.us Digg HTML+Elements+and+Attributes+that+Control+the+Form+on+the+Webpage Add HTML+Elements+and+Attributes+that+Control+the+Form+on+the+Webpage to Yahoo My Web Add HTML+Elements+and+Attributes+that+Control+the+Form+on+the+Webpage to Google Bookmarks Add HTML+Elements+and+Attributes+that+Control+the+Form+on+the+Webpage to Stumbleupon Add HTML+Elements+and+Attributes+that+Control+the+Form+on+the+Webpage to Reddit




RSS | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map


For FREE email updates, subscribe to the HTML Newsletter


Past Issues


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2014 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact BellaOnline Administration for details.

g


g features
What's Coming in HTML 5

What is FTP?

HTML Fundamentals - Tables

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2014 Minerva WebWorks LLC. All rights reserved.


BellaOnline Editor