Skip to main content

How to create HTML Forms - II

How to create HTML Form -  II

In this tutorial, we will learn about  How to create HTML FormSo far we have discussed how to create a frametablesList, insert ImagesLinking in HTML etc. HTML Form is one of the most important  part of the websites  Every website has Contact forms or feedback forms.. Filling the Digital forms  saves time, cost of printing, and  paperwork.

Submit Button

Submit button It is used for submitting the form data to the server page.

Example:
how to create form - submit
How to create form - Submit button
Output is:
How to create form- Submit
How to create form- Sumit Button

<Select></Select>

<select></select>  It is used to create Popup menu and a List.<option></option> is used to define the option in the drop-down menu  or the list.

Attributes of <select></select>

  1. Name = name - Name of the drop down menu or  list
  2. Size= value - To specify the number of visible  values.
  3. Selected - To define Pre-selected item.
  4. Multiple  - Allows to select more than one item
           A. To create drop down list 


Example:

how to create form-select
How to create form-Popup menu

Output is:



How to create a form - Popup menu


B. To create the list.


Example:

How to create a form - List
How to create a form - List

Ouput is:
how to create form - List
How to create form - List








Comments

Popular posts from this blog

Lists in HTML - Unordered List

Unordered List An Unordered List is a collection of item that is not  in sequential order. It starts with the <ul> tag and ends with the </ul> tag. Each list item starts with the <li> tag. Each item is marked with the bullet i.e . with the disc or square or circle.  By default the tag starts with the disc . It is also called Bulleted list. Tags of Unordered List <ul> </ul> <li></li> Example    Write a  program to print the list given below pen pencil book <html> <head> <title> unordered list </title> </head> <body> <ul> <li>pen</li> <li>pencil</li> <li>book</li> </ul> </body> </html> Example of Attributes of <ul> tag with the Type attributes Write a program to print the list given below <html> <head> <title> unordered list </title> </head...

Lists in HTML - Definition List

Definition lists is used to define the term and with  its description. It starts with the <DL> and endswith the </DL> tag The data term is defined inside the <DT> and </DT> tag. The data description is defined inside the tag <DD>and  </DD>. It has no attributes. Tags of Definition List <DL></DL> <DT></DT> <DD></DD> Example  <html> <head> <title> definition list </title> </head> <body> <dl> <dt>Word</dt> <dd> word is a word processor</dd> <dt>excel</dt> <dd> Excel is a spread sheet</dd> </dl> </body> </html> This will produce the following output Menu List It is used for creating menu list. It is created with the help of   <menu></menu> and <li></li> . Example <html> <head> <title> me...

HTML FRAMES - HTML Frames Example with Output

Post Updated :16-02-2018 HTML Frames is used to display more than one file. It is used to divides the browser window into different parts or sections  i.e.  row-wise or column-wise or row and column-wise . Each section can display HTML files.To create a frame  two tags are used they are <frameset> and <frame> tag. Attributes of  <frameset>    tag 1. Cols=value is % or pixels 2. Rows= values in % or pixels Attributes of <frame> tag 1. Src= "path" 2. Name="name of the frame" 3. Border= value in pixels 4. Noresize 5. Scrolling="true" or "false" 6. Marginwidth=value in % or pixels 7. Marginheight=value in % or pixels If I want to divide the browser into two columns. The following example will be used to divide the window into 2 section. In the example given below we are using to divide the browser into equal sections i.e. 50% each. HTML Frames Example with Output Simple example of two- framed page ...