#2 of HTML and CSS3
•Als PPTX, PDF herunterladen•
1 gefällt mir•588 views
second session in HTML5 in DEVMIX team mini courses
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Ähnlich wie #2 of HTML and CSS3
Ähnlich wie #2 of HTML and CSS3 (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
#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.
- 22. It isusedwith input fieldsthatcontain e-mails.
- 23. The value of the email field is automatically validated when the form is submitted.
- 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
- 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