Forms

the term ‘form’ has referred to a printed document that contains spaces for you to fill in information, it used to calculat data from users.

for what we use forms ?

you can use it as a search box in your site ,example google search. There are several types of form controls that you can use to collect information from visitors to your site. you can add text : as a text input such e-mail or as a password input you can insert characters or numbers. or making a choice;

• Radio buttons : to select one of a option,
• checkboxes ; to select and unselect one or more option
• Drop down boxes :

when you make user to pick one of option from a list. submitting forms;

-submit buttons :to submit data from your form to another web page.

-Image buttons;

similar to submit buttons but they allow you to use an image. Uploading files: allow users to upload files to a website.

Form structure: by useing ‘form ‘element it ashould carry the action attribute and will usually have a method and id attribute too.

its need action its value is the URL for the page on the server that will receive the info . text input : input it used to creat several different form controls. type=”text” When the type attribute has a value of text, it creates a singleline text input. and you write the name of it name=”” and the size of it , maxlength: You can use the maxlength attribute to limit the number of characters a user may enter into the text field.

how to creat password input?

by writing the ‘‘input element and write the type as a password and the name= password then choose the size and maxlength =””

• how to create a text area ? write a textarea elements it used to create a multi-line text input.
• how to creat radio button ? writing input element choose type is “radio” name; the name attribute is sent to the server with the value of the option the user selects. the value ; the value attribute indicates the value that is sent to the server for the selected option.
• how to creat Checkbox? by writing the input type = checkbox then name it ,and value .

HTML5 introduces new form elements which make it easier to fill it.

Lists, Tables & Forms: how to creat tables and lists; there is many types of lists ; such as - unordered lists

• Ordered lists :numberd lists

• image style : You can specify an image to act as a bullet point using the list-style-image property. adding tables element in html ,

• width ; to set the width of the table
• padding ; to set the space between the border of each table cell and its content
• text-transform ; to convert the content of the table headers to uppercase
• letter-spacing, font-size ; to add additional styling to the content of the table headers
• border-top, border-bottom; to set borders above and below the table headers
• text-align ; to align the writing to the left of some table cells and to the right of the others
• background-color ; to change the background color of the alternating table rows