Share Button
HTML 5 Có Gì Mới (Phần Bốn)
09
September
2013

Như phần ba trung tâm học thiết kế web đã chia sẽ, giờ tiếp tục các phần tiếp theo

14. Required Attribute

Hình thức cho phép một thuộc tính required  mới, trong đó xác định, tự nhiên, cho dù một đầu vào cụ thể là cần thiết. Phụ thuộc vào sở thích của bạn mã hóa, bạn có thể khai báo thuộc tính này trong một trong hai cách

<input type=”text” name=”someInput” required>

Hoặc, với một cách tiếp cận có cấu trúc hơn

<input type=”text” name=”someInput” required=”required”>

Hai phương pháp sẽ làm. Với mã này, và trong các trình duyệt có hỗ trợ thuộc tính này, một hình thức không thể được gửi nếu đó “someInput” đầu vào là trống. Dưới đây là một ví dụ nhanh chóng, chúng tôi cũng sẽ thêm các thuộc tính placeholder là tốt, vì không có lý do để không.

<form method=”post” action=””>
<label for=”someInput”> Your Name: </label>
<input type=”text” id=”someInput” name=”someInput” placeholder=”Douglas Quaid” required>
<button type=”submit”>Go</button>
</form>

placeholder_required

Trung tâm đào tạo học lập trình php đà nẵng thấy có cái hay: nếu đầu vào được để trống, và các mẫu được gửi, textbox sẽ được đánh dấu.

15. Thuộc tính Autofocus:
Một lần nữa, HTML5 loại bỏ sự cần thiết cho các giải pháp JavaScript. Nếu một đầu vào cụ thể cần được “lựa chọn”, hoặc tập trung, theo mặc định, chúng ta có thể bây giờ sử dụng các thuộc tính Autofocus.

<input type=”text” name=”someInput” placeholder=”Douglas Quaid” required autofocus>

Khá thú vị là, trong khi cá nhân tôi có xu hướng thích một cách tiếp cận XHTML hơn (sử dụng dấu ngoặc kép, vv), bằng văn bản “autofocus=autofocus” cảm thấy kỳ lạ. Như vậy, chúng tôi sẽ gắn bó với phương pháp tiếp cận từ khóa duy nhất.

16. Hỗ trợ âm thanh
Không còn làm chúng ta phải dựa vào bổ sung của bên thứ ba để làm cho âm thanh. HTML5 hiện nay cung cấp các yếu tố <audio>. Vâng, ít nhất, cuối cùng, chúng tôi sẽ không phải lo lắng về các plugin. Trong thời gian này, chỉ có gần đây nhất của các trình duyệt cung cấp hỗ trợ cho HTML5 âm thanh. Tại thời điểm này, nó vẫn là một thực hành tốt để cung cấp một số hình thức tương thích ngược.

<audio autoplay=”autoplay” controls=”controls”>
<source src=”file.ogg” />
<source src=”file.mp3″ />
<a href=”file.mp3″>Download this file.</a>
</audio>

Mozilla và Webkit không hoàn toàn có được cùng chỉ được nêu ra, khi nói đến các định dạng âm thanh. Firefox sẽ muốn nhìn thấy một tập tin ogg., Trong khi các trình duyệt Webkit sẽ chỉ làm việc tốt với các chung. Mp3 mở rộng. Điều này có nghĩa rằng, ít nhất là bây giờ, bạn nên tạo ra hai phiên bản của âm thanh.
Khi Safari tải trang, nó sẽ không nhận ra rằng. Định dạng ogg, và sẽ bỏ qua nó và chuyển sang phiên bản mp3, phù hợp. Xin lưu ý rằng trình duyệt IE, mỗi cái bình thường, không có hỗ trợ này, và Opera 10 và thấp hơn chỉ có thể làm việc với các tập tin wav.

tóm là phải cập nhật thường xuyên trình duyệt, đó là lưu ý mà trung tâm hoc thiet ke web da nang gửi đến các bạn. Còn nữa….

Đăng bình luận

Thành viên bình luận

  • 781 View