! T✓ng khả n✓ng truy cập cho form
! Lˆm việc với thˆnh phần < fieldset>:
<label>First name:<input type="textÓ name="firstname"> </label> <br /> <label>Last name:<input type="textÓ name="lastname"> </label>
<fieldset>
<legend> Personal Information </legend>
<label>First name:<input type="textÓ name="firstname"> </ label><br />
FORM VỚI HTML5
! Kết hợp với thˆnh phần <legend> để th•m ti•u đềcho form cho form
FORM VỚI HTML5
! Th•m ㆑iều khiển <input> mới vˆ thuộc t’nh:
! Cho phŽp c‡c nhˆ thiết kế sắp xếp dữ liệu từ c‡c
website một c‡ch dễ dˆng
! Dữ liệu c— thể được gửi tự động tới một cơ sở dữliệu x‡c định liệu x‡c định
<label for="email">Email:<input id="emailÓ type="emailÒ name="customeremail"></label>
FORM VỚI HTML5
<label for="website">Website:<input id="website" type="urlÓ name="customerwebsite"></label>
<label for="firstname">First name:<input id="firstname" type="text"
name="firstname" placeholder="Enter Your First Name" required></label> <label for="lastname">Last name:<input id="lastname" type="text"
FORM VỚI HTML5
! Lˆm việc với thˆnh phần <datalist>:
! X‡c định một danh s‡ch t•y chọn cho
thˆnh phần input
<input list="smoothierecipes"> <datalist id="smoothierecipesÒ>
<option value="Mango Smoothie">Mango Smoothie</ option>
<option value="Strawberry Smoothie">Strawberry Smoothie</option> <option value="Banana Smoothie">Banana Smoothie</option>
FORM VỚI HTML5
! Một số thˆnh phần mới trong ㆑iều khiển input:
<input type="range" min=曨0" max=曨100杇 value=曨0杇 step="10"> <input type=曨date杇>
TỔNG KẾT
! Cœ ph‡p của HTML5 mở hơn c‡c phi•n bản trước: kh™ng ph‰n biệt chữ in hoa Ð thường, kh™ng bắt kh™ng ph‰n biệt chữ in hoa Ð thường, kh™ng bắt buộc phải c— thẻ ㆑—ng, kh™ng bắt buộc phải c— dấu nh‡y kŽp cho thuộc t’nh
! C‡ch khai b‡o của HTML5 đơn giản, rœt gọn hơn rất nhiều so với c‡c phi•n bản trước: <! DOCTYPE nhiều so với c‡c phi•n bản trước: <! DOCTYPE (adsbygoogle = window.adsbygoogle || []).push({});
html>, <input>, ...
! Cấu trœc m‹ HTML5 gắn liền với cấu trœc bố cục trang: <header>, <nav>, <article>, .... trang: <header>, <nav>, <article>, ....
! HTML5 cung cấp nhiều ㆑iều khiển trong form hơn, dễ dˆng hơn cho người thiết kế & ph‡t triển dễ dˆng hơn cho người thiết kế & ph‡t triển