Hướng dẫn html input default display value - giá trị hiển thị mặc định đầu vào html

Mỗi phần tử trong tài liệu HTML đều chấp nhận một giá trị cho thuộc tính CSS display. Các giá trị có thể bạn có thể sử dụng cho display là rất nhiều.

Ba giá trị được sử dụng phổ biến nhất là none, blockinline. Nhưng điều gì sẽ xảy ra nếu bạn không định nghĩa giá trị display cho một yếu tố? Vâng, tất cả các yếu tố có trạng thái ban đầu hoặc mặc định cho giá trị display của chúng. Hãy để xem xét một số trong số này và thấy một số điều thú vị mà bạn có thể không biết.

Khối và nội dung dòng văn bản

Điều này là khá đơn giản. Tôi đã bao gồm khối so với nội tuyến trước đây, nhưng ở đây, một đánh giá nhanh.

Các phần tử loại container (như <div>, <article>, display0, v.v.) sẽ bắt đầu dưới dạng các phần tử cấp khối, do đó, giá trị tính toán của thuộc tính display cho chúng là khối khối này. Tất cả các tiêu đề (display2, display2, v.v.), mặc dù chúng thường chỉ chứa nội dung văn bản, cũng là các phần tử khối tương tự theo mặc định.

Mặt khác, các yếu tố chảy với nội dung văn bản là các yếu tố nội tuyến. Đó là, giá trị display được tính toán của chúng là trực tuyến. Đây là các yếu tố như display5, display6 và display7.
and display7.

Với cả hai phần tử khối và nội tuyến, bạn có thể (nếu bạn chọn) xác định lại giá trị display của chúng thành một cái gì đó khác ngoài mặc định của chúng. Nói chung, điều này được thực hiện để cung cấp cho một phần tử một giá trị của không có ai hoặc một trong các giá trị thay thế (ví dụ: display9). Bạn cũng có thể thay đổi một phần tử nội tuyến để chặn và ngược lại. Nhưng trong hầu hết các trường hợp, đây thực sự không phải là lựa chọn đúng đắn. Thay vào đó, bạn nên sử dụng một yếu tố khác hoàn toàn hoặc xem xét lại những gì bạn đang cố gắng làm. (Cập nhật, ngày 31 tháng 10 năm 2012) Mọi người dường như đang giải thích sai câu trước, hiện đã bị xóa. Đôi khi, nó chắc chắn có lợi để thay đổi một yếu tố display0 thành khối khối hoặc một mục danh sách thành các mục tiêu nội tuyến. Tuyên bố của tôi là nhiều hơn về việc thay đổi một cái gì đó giống như một yếu tố <div> thành nội tuyến, khi bạn chỉ có thể sử dụng display5 thay thế.

Các yếu tố thay thế

Trong HTML, ngoài các yếu tố đã được đề cập, còn có những gì được gọi là các yếu tố thay thế. Chúng bao gồm display3, display4, display5 và display6.

Mặc dù chúng khác với các phần tử khối và nội tuyến, nhưng chúng vẫn có giá trị được tính toán cho thuộc tính display của chúng. Và họ không phải lúc nào cũng giống nhau. Ví dụ: một phần tử display3, theo mặc định, là nội tuyến. Ngoài ra, một yếu tố display4 là khối nội tuyến (mà tôi đã đề cập trước đó).

Các yếu tố không xác định

Các tiêu chuẩn và những người ủng hộ khả năng tiếp cận sẽ ghét tôi vì đã nói với bạn điều này, nhưng thực tế là, bạn không phải sử dụng bất kỳ yếu tố HTML5 hợp lệ nào trong tài liệu của bạn. Bạn có thể xây dựng toàn bộ trang web bằng các thẻ trang điểm của riêng bạn như none0, none1 và none2.

Vậy trình duyệt sẽ đọc các yếu tố nước ngoài này như thế nào? Chà, ở đây, một manh mối. Bạn có nhớ đã nhìn thấy đoạn mã này trong thiết lập lại CSS của bạn không?

article,aside,details,figcaption,figure,
footer,header,hgroup,nav,section,summary {
    display: block;
}

Điều đó được thêm vào cho các trình duyệt cũ hơn (như IE6-8) mà không nhận ra các yếu tố HTML5 mới. Theo mặc định, trong tất cả các trình duyệt, tất cả các phần tử không xác định đều có giá trị display được tính toán của dòng in tuyến. Ở đây, một thùng JS thể hiện điều này bằng cách sử dụng một phần tử tạo thành và sau đó ghi lại giá trị display của phần tử trong bảng điều khiển.

Và ở đây, một ví dụ khác với cùng một yếu tố được đưa ra trạng thái khối khối.

Các yếu tố vô hình

Ở đây, một cái gì đó bạn có thể không biết là có thể. HTML5 có một danh mục các yếu tố gọi là siêu dữ liệu tài liệu. Chúng bao gồm các yếu tố như none5, none6 và none7. Các yếu tố này, theo mặc định, được tính toán thành none8, như bạn có thể thấy bằng cách xem bảng điều khiển trong thùng JS này.

Nhưng, tin hay không, bạn có thể làm cho chúng hiển thị. Nhìn vào ảnh chụp màn hình được chụp bên dưới từ phiên bản trực tuyến của cuốn sách Jeremy Keith, HTML5:

Hướng dẫn html input default display value - giá trị hiển thị mặc định đầu vào html

Như được hiển thị trong các công cụ nhà phát triển Chrome, tiêu đề cho trang web được tạo kiểu bằng cách tạo phần tử none6 bên trong none5 có thể nhìn thấy bằng block1. Trong trường hợp này, cả hai phần tử none6 và none5 cần phải bị chặn, không chỉ là none6.

Điều này cũng có thể được thực hiện để tạo một phần tử của người dùng có thể chỉnh sửa được, như được thể hiện trong thùng JS này. Chúng tôi thực hiện điều này bằng cách sử dụng thuộc tính block5 trên phần tử none7. Trong các trình duyệt hỗ trợ, với thuộc tính đó được đặt thành True True, người dùng có thể thay đổi CSS và xem chúng có hiệu lực ngay lập tức.

Sự kết luận

Hầu hết những gì tôi đã thảo luận ở đây đã được bảo hiểm, ở một mức độ nào đó, trước đây, vì vậy điều này có thể không phải là mới đối với tất cả mọi người. Nếu bạn biết bất kỳ điều thú vị nào khác về các giá trị display mặc định cho các yếu tố khác nhau hoặc có bất kỳ sửa chữa/bổ sung nào cho bất cứ điều gì tôi đã nói, tôi sẽ thích nghe chúng.

Màn hình mặc định của phần tử đầu vào là gì?

Theo mặc định, trong tất cả các trình duyệt, tất cả các phần tử không xác định đều có giá trị hiển thị được tính toán của dòng nội tuyến.inline”.

Làm cách nào để đặt giá trị đầu vào mặc định?

Thuộc tính văn bản đầu vào DefaultValue trong HTML DOM được sử dụng để đặt hoặc trả về giá trị mặc định của trường văn bản.Thuộc tính này được sử dụng để phản ánh thuộc tính giá trị HTML.. This property is used to reflect the HTML value attribute.

Giá trị mặc định của hiển thị là gì?

Giá trị hiển thị mặc định cho hầu hết các yếu tố là khối hoặc nội tuyến.Bảng điều khiển này chứa một phần tử, được ẩn theo mặc định (hiển thị: Không có).block or inline . This panel contains a
element, which is hidden by default ( display: none ).

Chúng ta có thể đặt giá trị hiển thị mặc định bằng CSS HTML không?

Chúng ta có thể thay đổi giá trị mặc định của phần tử HTML sẽ được hiển thị bằng cách sử dụng thuộc tính hiển thị CSS.Lưu ý - Phần tử có màn hình CSS mặc định được đặt thành khối và phần tử có màn hình CSS mặc định được đặt thành nội tuyến.. NOTE − The
element has a default CSS display set to block and element has a default CSS display set to inline.