YL html form demo
Upcoming SlideShare
Loading in...5
×
 

YL html form demo

on

  • 1,959 views

YL html form demo

YL html form demo

Statistics

Views

Total Views
1,959
Views on SlideShare
1,958
Embed Views
1

Actions

Likes
0
Downloads
2
Comments
0

1 Embed 1

http://yuvalakshya.org 1

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

YL html form demo YL html form demo Presentation Transcript

  • Form Tag
  • Here input element of FORM tag : checkbox
    Observe checkbox for different types of chocolates
  • Go to File Menu
    And click on Save As
    Always save file with “ .html “ extension
    Click on Save
    Your file name should always end with “ .html “ extension . e.g demo.html
  • Go to saved file
    Right click on it and Open with Internet Explorer
  • Now check how FORM tag works--
    It will show checkbox as input field
  • Now input fields for FORM tag are : Text field and password field
    We have taken here example of text and password field for user id and password respectively
  • Now check how FORM tag works--
    Look at the input fields
    Password is not displayed
  • Now input field for FORM tag is : radio buttons
    We have taken here example of radio buttons
  • Output will look like below when you open the page in internet explorer
    It will show radio buttons as input field
  • Kindly find the below html code for FORM tag : Submit Button
    We have taken here example of Submit Button
  • Output will look like below when you open the page in internet explorer
    Then it will pass data to test_form.asp page to show respective content
    If you enter some characters and clicked on submit button
  • HTML Heading Tag
  • Kindly find the below html code for Heading tag
    We have taken here example of Heading tag from H1 to H4
  • Output will look like below when you open the page in internet explorer
    It will show Heading format form <H1> to <H4>
  • HTML Images
  • Create images folder in directory where you have saved your html page and put images in that folder
  • Kindly find the below html code for Image tag
    We have taken here example image which is located in “images” folder
  • Output will look like below when you open the page in internet explorer
    It will show the image which you want to show
  • HTML Ordered Lists
  • Kindly find the below html code for Ordered List tag
    We have taken here example of Ordered list which will show the list of Pen, Eraser, Scale respectively
  • Output will look like below when you open the page in internet explorer
    It is showing the ordered list data
  • HTML Un-Ordered Lists
  • Kindly find the below html code for Ordered List tag
    We have taken here example of Un-Ordered list which will show the list of Pen, Eraser, Scale respectively
  • Output will look like below when you open the page in internet explorer
    It is showing the Un-ordered list data
  • HTML Definition Lists
  • Kindly find the below html code for Ordered List tag
    We have taken here example of Un-Ordered list which will show the list of Pen, Eraser, Scale respectively
  • Output will look like below when you open the page in internet explorer
    It is showing the Definition list data
  • HTML Grouping Elements
  • Kindly find the below html code for FIELDSET tag : Grouping of Text field and password field
    We have taken here example of grouping of text and password field for user id and password respectively
  • Output will look like below when you open the page in internet explorer
    It will show textbox and password as input field as a group of login details tab