Form Tag<br />
Here input element of FORM tag : checkbox<br />Observe checkbox for  different types of chocolates<br />
Go to File Menu<br />And click on Save As<br />Always save file with “ .html “ extension<br />Click on Save<br />Your file...
Go to saved file<br />Right click on it and Open with Internet Explorer<br />
Now check how FORM tag works--<br />It will show checkbox as input field<br />
Now input fields for FORM tag are : Text field and password field<br />We have taken here example of text and password fie...
Now check how FORM tag works--<br />Look at the input fields<br />Password is not displayed<br />
Now input field for FORM tag is : radio buttons<br />We have taken here example of radio buttons<br />
Output will look like below when you open the page in internet explorer<br />It will show radio buttons as input field<br />
Kindly find the below html code for FORM tag : Submit Button<br />We have taken here example of Submit Button<br />
Output will look like below when you open the page in internet explorer<br />Then it will pass data to test_form.asp page ...
HTML Heading Tag<br />
Kindly find the below html code for Heading tag<br />We have taken here example of Heading tag from H1 to H4<br />
Output will look like below when you open the page in internet explorer<br />It will show Heading format form <H1> to <H4>...
HTML Images<br />
Create images folder in directory where you have saved your html page and put images in that folder<br />
Kindly find the below html code for Image tag<br />We have taken here example image which is located in “images” folder<br />
Output will look like below when you open the page in internet explorer<br />It will show the image which you want to show...
HTML Ordered Lists<br />
Kindly find the below html code for Ordered List tag<br />We have taken here example of Ordered list which will show the l...
Output will look like below when you open the page in internet explorer<br />It is showing the ordered list data<br />
HTML Un-Ordered Lists<br />
Kindly find the below html code for Ordered List tag<br />We have taken here example of Un-Ordered list which will show th...
Output will look like below when you open the page in internet explorer<br />It is showing the Un-ordered list data<br />
HTML Definition Lists<br />
Kindly find the below html code for Ordered List tag<br />We have taken here example of Un-Ordered list which will show th...
Output will look like below when you open the page in internet explorer<br />It is showing the Definition list data<br />
HTML Grouping Elements<br />
Kindly find the below html code for FIELDSET tag : Grouping of Text field and password field<br />We have taken here examp...
Output will look like below when you open the page in internet explorer<br />It will show textbox and password as input fi...
Upcoming SlideShare
Loading in …5
×

YL html form demo

2,359 views

Published on

YL html form demo

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,359
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
14
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

YL html form demo

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

×