Lˆ thˆnh phần kh™ng bắt buộc

Một phần của tài liệu Ebook lập trình html5 và css3 phần 2 (Trang 28 - 34)

!  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 VI HTML5

!  Kết hợp với thˆnh phần <legend> để th•m ti•u đềcho form cho form

FORM VI 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 VI 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 VI 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 VI 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杇>

TNG KT

!   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

Một phần của tài liệu Ebook lập trình html5 và css3 phần 2 (Trang 28 - 34)