Thẻ title dùng để tạo tiêu đề cho bài viết, đây là thẻ cơ bản vào bậc nhất trong HTML và nó có ý nghĩa đặc biệt quan trọng khi SEO. Code mẫu: Ứng dụng Cung cấp tiêu đề trên toolbar của trình duyệt: Hiển thị tiêu đề cho trang khi được thêm vào danh sách ưa thích của trình duyệt (bookmark): Cung cấp tiêu đề cho các bài viết trong kết quả trả về của các cỗ máy tìm kiếm (thí dụ Google, Bing…): Trình duyệt hỗ trợ Được hỗ trợ bởi tất cả các trình duyệt phổ biến …
Thẻ form là một trong những thẻ quan trọng nhất trong HTML, giữ vai trò tương tác giữa người dùng và trang web. Các thao tác trao đổi nội dung như đăng nhập, đăng ký, bình luận đều thông qua form và các thành phần khác liên quan. Code mẫu Kết quả: Họ và tên: Quê quán: Trình duyệt hỗ trợ Thẻ form được tất cả các trình duyệt thông dụng hỗ trợ, trong đó có Chrome, FireFox, Opera, Safari và IE. Các thành phần trong form Thẻ dùng nhiều nhất trong form là thẻ <input>, có rất nhiều input type …
Thẻ textarea hay dùng trong thẻ form, dùng để nhập văn bản. Thẻ input kiểu text cũng để nhập văn bản, nhưng thường là đoạn ngắn còn <textarea> được dùng để nhập cả đoạn văn bản dài hơn. Code mẫu: Kết quả: Trình duyệt hỗ trợ Thẻ textarea được tất cả các trình duyệt phổ thông hỗ trợ, trong đó có Chrome, FireFox, Opera, Safari và IE. Đặc điểm Không giới hạn số ký tự nhập vào. Kích thước của textarea được thay đổi thông qua thuộc tính rows và cols, nhưng cách tốt hơn để tác động đến kích thước …
Thuộc tính value là thuộc tính quan trọng trong thẻ input, chức năng của nó còn tùy thuộc vào loại thẻ input type cụ thể. Code mẫu: Kết quả: Nam:Nữ: Trình duyệt hỗ trợ Thuộc tính value được tất cả các trình duyệt phổ thông hỗ trợ, trong đó có Chrome, FireFox, Opera, Safari và IE. Cách dùng Như đã nói ở phần đầu tùy loại input mà thuộc tính value có tác dụng khác nhau: A. Trong các nút reset và submit thì value có tác dụng hiển thị đoạn text trên nút nhấn. Ví dụ: Code mẫu: B. Cho …
Thẻ fieldset là thẻ chuyên dùng cho phần tử form, nó có tác dụng nhóm các thành phần liên quan đến nhau trong form. Code mẫu Kết quả: Thông tin cá nhân Họ và tên: Quê quán: Đặc điểm Thẻ fieldset được hỗ trợ bởi tất cả các trình duyệt thông dụng, trong đó có Chrome, FireFox, Opera, Safari và IE. Thẻ fieldset tạo đường viền màu xám xung quanh các thành phần mà nó nhóm lại. Thẻ legend luôn đi kèm với fieldset, dùng để tạo tiêu đề cho nó. Trong thí dụ ở trên, đó chính là đoạn Thông …
Thuộc tính placeholder là thuộc tính mới trong HTML5 dành cho thẻ input. Tác dụng của placeholder là cung cấp thêm thông tin cho người dùng, giúp họ biết cần nhập dữ liệu gì hoặc bất cứ thông báo nào mà bạn muốn. Code mẫu: Kết quả: Họ tên: Quê quán: Khi người dùng bắt đầu nhập liệu, thông tin gợi ý từ placeholder sẽ biến mất. Trình duyệt hỗ trợ Được hầu hết các trình duyệt hỗ trợ trong đó có: Internet Explorer 10, Firefox, Opera, Chrome và Safari. Chú ý là IE 9 và các phiên bản sớm hơn không …
Thuộc tính required là thuộc tính mới trong HTML5 dành cho thẻ input. Tác dụng của required là buộc người dùng phải nhập dữ liệu thì mới gửi được (submit). Dĩ nhiên thao tác này đỡ cho chúng ta khá nhiều code JavaScript hoặc PHP dùng để validate các trường không được phép để trống. Code mẫu: Kết quả: Họ tên: Giờ bạn không điền gì vào trường Họ tên, rồi nhấn nút Gửi thử xem, bạn sẽ nhận được thông báo kiểu như “Vui lòng điền vào trường này“. Trình duyệt hỗ trợ Thuộc tính required được Internet Explorer 10, Firefox, …
Thẻ abbr dùng để chú thích từ viết tắt giúp cho máy tìm kiếm, công cụ dịch thuật, công cụ kiểm tra chính tả hiểu nội dung web tốt hơn. Code mẫu: Kết quả: UFO còn gọi là Vật thể bay không xác định. Thông tin được đưa vào thuộc tính title của thẻ abbr sẽ được sử dụng để biết từ đầy đủ của từ viết tắt. Khi bạn di chuột qua từ viết tắt, thông tin từ title cũng hiện ra. Bonus Nếu bạn muốn tìm nghĩa của các từ viết tắt mà mình chưa biết thì hãy …
Thẻ label dùng để định nghĩa nhãn cho các thẻ input trong HTML. Tác dụng của label là làm cho thao tác nhập liệu trở nên dễ dàng hơn. Code mẫu: Kết quả: Họ tên: Giờ bạn có thể nhấn vào chữ Họ tên để vào ô nhập liệu, hay nói cách khác, thẻ label làm tăng diện tích click chuột bắt đầu thao tác nhập. Nếu không có thẻ label, khi click vào chữ Họ tên sẽ không có điều gì xảy ra, giống như ví dụ dưới đây: Họ tên: Cú pháp của thẻ label Thẻ label yêu …
Các thẻ input type chuyên dụng trong các form, dùng để nhập liệu, kiểu như: đăng ký, đăng nhập, liên hệ, gửi file…Hôm nay chúng ta sẽ xem xét các thẻ input phổ biến nhất nhé. Các input đều giống nhau về cấu trúc, chỉ khác nhau về type. Chính type này quyết định kiểu của input. Có đến hơn 20 type khác nhau. Một số type input chỉ được hỗ trợ trong HTML5. Các type giới thiệu trong ngày hôm nay được tất cả các trình duyệt thông dụng hỗ trợ. Nhập text Ví dụ: Họ và tên: Code …