#2 of HTML and CSS3

1. Learn HTML5/CSS3part 2 By:-AhmedYousef Co-founder DEVMIX team By:AhmedYousef

2. Project 1 Surprise By:AhmedYousef

4. HTML5 uses twonew objects for storing data on the client :-local Storage :- stores data with no time limit. session Storage :- stores data for one session. By:AhmedYousef

6. <script type="text/javascript">localStorage.lastname=« ahmed"; document.write("Last name: " + localStorage.lastname); </script> By:AhmedYousef

8. <script type="text/javascript">if (localStorage.pagecount) { localStorage.pagecount=Number(localStorage.pagecount) +1; } else{ localStorage.pagecount=1; } document.write("Visits: " + localStorage.pagecount + " time(s)."); </script> <p>Refresh the page to see the counterincrease.</p> <p>Close the browser window, and tryagain, and the counterwill continue.</p> By:AhmedYousef

10. <script type="text/javascript">sessionStorage.lastname="Smith"; document.write(sessionStorage.lastname); </script> By:AhmedYousef

12. <script type="text/javascript">if (sessionStorage.pagecount) { sessionStorage.pagecount=Number(sessionStorage.pagecount) +1; } else { sessionStorage.pagecount=1; } document.write("Visits " + sessionStorage.pagecount + " time(s) this session."); </script> <p>Refresh the page to see the counter increase.</p> <p>Close the browser window, and try again, and the counter has been reset.</p> By:AhmedYousef

14. Email.

15. Url.

16. Number.

17. Range.

18. Date pickers (date, month, week, time, datetime, datetime-local)

19. Search.

20. Color.By:AhmedYousef

22. It isusedwith input fieldsthatcontain e-mails.

23. The value of the email field is automatically validated when the form is submitted.

24. Browser Support:-By:AhmedYousef

26. <!DOCTYPE HTML><html> <body> <form action="#" method="get"> E-mail: <input type="email" name="user_email" /><br /> <input type="submit" /> </form> </body> </html> By:AhmedYousef

28. It isusedwith input fieldsthatcontainUrl.

29. It is automatically validated when the form is submitted.

33. It isusedwith input fieldsthatcontainnumeric value.

34. set restrictions on what numbers are accepted?!

37. <!DOCTYPE HTML><html> <body> <form action="#" method="get"> Points: <input type="number" name="points" min="1" max="10" /> <input type="submit" /> </form> </body> </html> By:AhmedYousef

40. It isusedwith input fieldsthatcontainvalue from a range of numbers.

41. set restrictions on what numbers are accepted

42. Browser Support:-

43. Have the sameattribute of Number.By:AhmedYousef

46. There are several wayes to write Date:-date - Selects date, month and year month - Selects month and year week - Selects week and year time - Selects time (hour and minute) datetime - Selects time, date, month and year (UTC time) datetime-local - Selects time, date, month and year (local time) By:AhmedYousef

51. The search field behaves like a regular text field.

52. The search type is used for search fields.

56. It isusedwith input fieldsthatcontain a color.

57. Hint:-in Operaappearcolorpicker but in chrome support onlyheaxa values.

60. <!DOCTYPE HTML><html> <body> <form action="#" method="get"> Color: <input type="color" name="user_color" /> <input type="submit" /> </form> </body> </html> By:AhmedYousef

#2 of HTML and CSS3

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

Similaire à #2 of HTML and CSS3

Similaire à #2 of HTML and CSS3 (20)

Dernier

Dernier (20)

#2 of HTML and CSS3