Làm thế nào để bạn sử dụng các thuộc tính trong html?
Thuộc tính Khi được sử dụng như một thuộc tính của Các phần tử trong HTML có các thuộc tính; Tên thuộc tínhElementsDescription_______159_______ 0 1, 2, 3, 4, 5, 6, 7, 8, 9, accept 0, accept 1, accept 2, accept 3, accept 4 Chỉ định căn chỉnh theo chiều ngang của phần tử. accept 5 6Chỉ định chính sách tính năng cho iframe. accept 7 1, accept 9, 7, Văn bản thay thế trong trường hợp không thể hiển thị hình ảnh. 2 3Executes the script asynchronously. 4Thuộc tính chungĐặt liệu đầu vào có được viết hoa tự động khi được nhập bởi người dùng 5 , , 8, 9Cho biết liệu các điều khiển trong biểu mẫu này có thể được trình duyệt tự động điền giá trị theo mặc định hay không. 0 1, , 3, 8, 9Phần tử sẽ được đặt tiêu điểm tự động sau khi tải trang. 6 7, 8Âm thanh hoặc video sẽ phát càng sớm càng tốt. 9accept-charset 0, 8, accept 0, accept 2Chỉ định URL của tệp hình ảnhGhi chú. Mặc dù các trình duyệt và ứng dụng email vẫn có thể hỗ trợ thuộc tính này nhưng nó đã lỗi thời. Thay vào đó, hãy sử dụng CSS accept-charset 5accept-charset 0, 3, 4, accept-charset 9, 8, 9, accept 1, accept 0, accept 2, accept 4Màu nền của phần tử Ghi chú. Đây là một thuộc tính kế thừa. Vui lòng sử dụng thuộc tính CSS 7 7, 9, 8chiều rộng đường viền Ghi chú. Đây là một thuộc tính kế thừa. Vui lòng sử dụng thuộc tính CSS accesskey 2_______161_______7, 8Chứa khoảng thời gian của phương tiện đã được lưu vào bộ đệm. accesskey 5 Từ , chỉ định một tệp mới có thể được chụp. accesskey 7_______161_______3Một chuỗi thách thức được gửi cùng với khóa công khai. accesskey 9_______165_______0, 3Khai báo mã hóa ký tự của trang hoặc tập lệnh. action 2 Cho biết phần tử có nên được kiểm tra khi tải trang hay không. action 4action 5, action 6, action 7, action 8Chứa một URI trỏ đến nguồn trích dẫn hoặc thay đổi. action 9Global attributeThường được sử dụng với CSS để tạo kiểu cho các phần tử có thuộc tính chung. 0 1Chỉ định URL của tệp lớp của applet sẽ được tải và thực thi. 2_______0_______1Thuộc tính này cung cấp URL tuyệt đối hoặc tương đối của thư mục chứa các applet'. các tệp lớp được tham chiếu bởi thuộc tính mã được lưu trữ. 4_______160_______5, 5Thuộc tính này đặt màu văn bản bằng cách sử dụng màu được đặt tên hoặc màu được chỉ định ở định dạng #RRGGBB hệ thập lục phân Ghi chú. Đây là một thuộc tính kế thừa. Vui lòng sử dụng thuộc tính CSS 8 9Xác định số cột trong vùng văn bản. 00accept 0, accept 2Thuộc tính colspan xác định số lượng cột mà một ô sẽ trải dài. 03_______165_______0Một giá trị được liên kết với 05 hoặc 06 tùy thuộc vào ngữ cảnh. 07Global attributeCho biết nội dung của phần tử có thể chỉnh sửa được hay không. 08Global attributeXác định ID của phần tử 09 sẽ đóng vai trò là menu ngữ cảnh của phần tử. 10_______161_______7, 8Cho biết liệu trình duyệt có hiển thị các điều khiển phát lại cho người dùng hay không. 13accept 9Một tập hợp các giá trị xác định tọa độ của vùng điểm nóng. 15 7, 7, 18, 3, 8Cách phần tử xử lý các yêu cầu trên nhiều nguồn gốc 21 Thử nghiệm 6Chỉ định Chính sách bảo mật nội dung mà một tài liệu được nhúng phải đồng ý tự thực thi. 23 9Chỉ định URL của tài nguyên. 25Global attributeCho phép bạn đính kèm các thuộc tính tùy chỉnh vào một phần tử HTML. 26_______165_______6, action 7, 29 Cho biết ngày và thời gian liên quan đến phần tử. 30_______0_______7Cho biết phương pháp ưa thích để giải mã hình ảnh. 32_______0_______33Cho biết rằng bản nhạc sẽ được bật trừ khi tùy chọn của người dùng chỉ ra điều gì đó khác biệt. 34 3Cho biết rằng tập lệnh sẽ được thực thi sau khi trang đã được phân tích cú pháp. 36Global attributeXác định hướng văn bản. Các giá trị được phép là ltr (Từ trái sang phải) hoặc rtl (Từ phải sang trái) 37 , 9 40_______161_______1, 42, , 3, 45, 46, 8, 9Cho biết liệu người dùng có thể tương tác với phần tử hay không. 49_______0_______50, accept 9Cho biết rằng siêu liên kết sẽ được sử dụng để tải xuống tài nguyên. 52Global attributeXác định xem phần tử có thể được kéo hay không. 53 Xác định loại nội dung của dữ liệu biểu mẫu khi 55 là POST. 56 Thử nghiệm ______160_______9, 58Chỉ định nhãn hành động (hoặc biểu tượng) sẽ hiển thị cho phím enter trên bàn phím ảo. Thuộc tính có thể được sử dụng với các điều khiển biểu mẫu (chẳng hạn như giá trị của phần tử 60) hoặc trong các phần tử trong máy chủ chỉnh sửa (e. g. , sử dụng thuộc tính 58). 62 63, 64Mô tả các yếu tố thuộc về cái này. 65 1, 42, , 3, 63, 71, 9, 64, 74, 8, 9 Cho biết hình thức là chủ sở hữu của phần tử. 77 , 1 Cho biết hành động của phần tử, ghi đè hành động được xác định trong . 81 1, Nếu nút/đầu vào là nút gửi ( 84), thuộc tính này đặt loại mã hóa sẽ sử dụng trong quá trình gửi biểu mẫu. Nếu thuộc tính này được chỉ định, nó sẽ ghi đè thuộc tính 85 của chủ sở hữu biểu mẫu của nút. 86 1, Nếu nút/đầu vào là nút gửi ( 84), thuộc tính này đặt phương thức gửi để sử dụng trong khi gửi biểu mẫu ( 90, 91, v.v. ). Nếu thuộc tính này được chỉ định, nó sẽ ghi đè thuộc tính 55 của chủ sở hữu biểu mẫu của nút. 93_______161_______1, Nếu nút/đầu vào là nút gửi ( 84), thuộc tính boolean này chỉ định rằng biểu mẫu không được xác thực khi nó được gửi. Nếu thuộc tính này được chỉ định, nó sẽ ghi đè thuộc tính 97 của chủ sở hữu biểu mẫu của nút. 98 1, Nếu nút/đầu vào là nút gửi ( 84), thuộc tính này chỉ định ngữ cảnh duyệt (ví dụ: tab, cửa sổ hoặc khung nội tuyến) để hiển thị phản hồi nhận được sau khi gửi biểu mẫu. Nếu thuộc tính này được chỉ định, nó sẽ ghi đè thuộc tính accept 02 của chủ sở hữu biểu mẫu của nút. accept 03accept 0, accept 2ID của phần tử accept 2 áp dụng cho phần tử này. accept 07accept 08, accept 09, 6, 7, , 9, 8Chỉ định chiều cao của các phần tử được liệt kê ở đây. Đối với tất cả các phần tử khác, hãy sử dụng thuộc tính CSS Ghi chú. Trong một số trường hợp, chẳng hạn như accept 18Global attributeNgăn kết xuất phần tử đã cho, trong khi vẫn giữ các phần tử con, e. g. yếu tố kịch bản, hoạt động. accept 19 71Cho biết giới hạn dưới của phạm vi trên. accept 21 50, accept 9, accept 24, 18URL của tài nguyên được liên kết. accept 26 50, accept 9, 18Chỉ định ngôn ngữ của tài nguyên được liên kết. accept 30_______165_______0Xác định một chỉ thị pragma. accept 32Global attributeThường được sử dụng với CSS để tạo kiểu cho một phần tử cụ thể. Giá trị của thuộc tính này phải là duy nhất. accept 33 Thử nghiệm ______0_______6, 7, 18, 3 Cho biết mức độ ưu tiên tìm nạp tương đối cho tài nguyên. accept 38 18, 3Chỉ định giá trị Tính toàn vẹn của nguồn tài nguyên con cho phép trình duyệt xác minh những gì chúng tìm nạp Không dùng nữa 7Thuộc tính này yêu cầu trình duyệt bỏ qua kích thước nội tại thực tế của hình ảnh và giả vờ đó là kích thước được chỉ định trong thuộc tính. accept 43_______160_______9, 58Cung cấp gợi ý về loại dữ liệu mà người dùng có thể nhập trong khi chỉnh sửa thành phần hoặc nội dung của nó. Thuộc tính có thể được sử dụng với các điều khiển biểu mẫu (chẳng hạn như giá trị của phần tử 60) hoặc trong các phần tử trong máy chủ chỉnh sửa (e. g. , sử dụng thuộc tính 58). accept 48 7Cho biết rằng hình ảnh là một phần của bản đồ hình ảnh phía máy chủ. accept 50Global attributeaccept 51 3Chỉ định loại khóa được tạo. accept 53 33Chỉ định loại bản nhạc văn bản. accept 55_______0_______45, 46, 33Chỉ định tiêu đề mà người dùng có thể đọc được của phần tử. accept 59Global attributeXác định ngôn ngữ được sử dụng trong phần tử. accept 60 Không dùng nữa _______160_______3Xác định ngôn ngữ script được sử dụng trong phần tử. accept 62 Thử nghiệm ______0_______7, ________0____6Cho biết liệu phần tử nên được tải một cách lười biếng (accept 65) hay được tải ngay lập tức (accept 66). accept 67 Xác định danh sách các tùy chọn được xác định trước để đề xuất cho người dùng. accept 69 7, accept 71, accept-charset 9, 8 Cho biết liệu phương tiện có nên bắt đầu phát lại từ đầu khi nó kết thúc hay không. accept 74 71Cho biết cận trên của cận dưới. accept 76 Không dùng nữa ______159_______77Chỉ định URL của tệp kê khai bộ nhớ cache của tài liệu. Ghi chú. Thuộc tính này đã lỗi thời, thay vào đó hãy sử dụng accept 79 , 71, 74Cho biết giá trị tối đa được phép. accept 83 , 9Xác định số ký tự tối đa được phép trong phần tử. accept 86_______161_______, 9Xác định số ký tự tối thiểu được phép trong phần tử. accept 89_______0_______50, accept 9, 18, accept 93, accept 94Chỉ định gợi ý về phương tiện mà tài nguyên được liên kết được thiết kế. accept 95_______160_______Xác định phương thức HTTP nào sẽ sử dụng khi gửi biểu mẫu. Có thể là 90 (mặc định) hoặc 91. accept 99 , 71Cho biết giá trị tối thiểu được phép. 02_______161_______, 8Cho biết liệu có thể nhập nhiều giá trị trong một đầu vào thuộc loại 05 hoặc 06. 07_______161_______7, 8Cho biết liệu âm thanh ban đầu có bị tắt tiếng khi tải trang hay không. 10_______161_______1, , 42, 6, , 3, 9, 64, 8, 9, 21, action 0, 23Tên phần tử. Ví dụ: được máy chủ sử dụng để xác định các trường trong biểu mẫu gửi. 24 Thuộc tính này chỉ ra rằng biểu mẫu không được xác thực khi gửi. 26_______160_______27, 28Cho biết nội dung hiện có hiển thị hay không (trong trường hợp phần tử 27) hoặc liệu hộp thoại có đang hoạt động và có thể được tương tác với (trong trường hợp phần tử 28). 31_______0_______71Cho biết giá trị số tối ưu. 33_______161_______Xác định một biểu thức chính quy mà giá trị của phần tử sẽ được xác thực dựa trên. 35 50, accept 9Thuộc tính 38 chỉ định danh sách các URL được phân tách bằng dấu cách sẽ được thông báo nếu người dùng nhấp vào siêu liên kết. 39_______161_______, 9Cung cấp gợi ý cho người dùng về nội dung có thể nhập vào trường. 42_______161_______8Một thuộc tính Boolean chỉ ra rằng video sẽ được phát "nội tuyến"; . Lưu ý rằng việc không có thuộc tính này không có nghĩa là video sẽ luôn được phát ở chế độ toàn màn hình. 44 8Một URL cho biết khung áp phích sẽ hiển thị cho đến khi người dùng phát hoặc tìm kiếm. 46_______161_______7, 8Cho biết có nên tải trước toàn bộ tài nguyên, một phần tài nguyên hay không. 49_______161_______, 9Cho biết phần tử có thể được chỉnh sửa hay không. 52 50, accept 9, 6, 7, 18, 3Chỉ định người giới thiệu nào được gửi khi tìm nạp tài nguyên. 59 50, accept 9, 18Chỉ định mối quan hệ của đối tượng đích với đối tượng liên kết. 63 , 8, 9Cho biết thành phần này có bắt buộc phải điền hay không. 67 68Cho biết liệu danh sách có được hiển thị theo thứ tự giảm dần thay vì thứ tự tăng dần hay không. 69Global attributeXác định vai trò rõ ràng cho một phần tử để các công nghệ hỗ trợ sử dụng. 70_______160_______9Xác định số hàng trong một vùng văn bản. 72_______159_______0, accept 2Xác định số hàng mà một ô của bảng sẽ trải rộng. 75 6Ngăn tài liệu được tải trong iframe sử dụng một số tính năng nhất định (chẳng hạn như gửi biểu mẫu hoặc mở cửa sổ mới). 77_______159_______2Xác định các ô mà kiểm tra tiêu đề (được xác định trong phần tử 79) liên quan đến. 80 Không chuẩn Không dùng nữa accept 94 82 46Xác định giá trị sẽ được chọn khi tải trang. 84 50, accept 9 87 , 8Xác định chiều rộng của phần tử (tính bằng pixel). Nếu thuộc tính 90 của phần tử là 91 hoặc 92 thì đó là số lượng ký tự. 93_______0_______18, 7, accept 93 97Global attribute Gán một vị trí trong cây đổ bóng DOM cho một phần tử. 98 3, 4 01Thuộc tính chung Cho biết liệu kiểm tra chính tả có được phép đối với phần tử hay không. 02_______161_______7, accept 09, 6, 7, , 3, accept 93, 33, 8URL của nội dung có thể nhúng. 12 6 14 33 16 7, accept 93One or more responsive image candidates. 19_______160_______68Xác định số đầu tiên nếu khác 1. 21_______161_______ 23Global attributeXác định các kiểu CSS sẽ ghi đè các kiểu đã đặt trước đó. 24 Không dùng nữa ______0_______8 26Global attributeGhi đè thứ tự tab mặc định của trình duyệt và thay vào đó tuân theo thứ tự được chỉ định. 27_______0_______50, accept 9, accept 24, Chỉ định vị trí mở tài liệu được liên kết (trong trường hợp phần tử 50) hoặc nơi hiển thị phản hồi nhận được (trong trường hợp phần tử ) 34 Thuộc tính chungVăn bản sẽ được hiển thị trong chú giải công cụ khi di chuột qua . 35Global attributeChỉ định xem các giá trị thuộc tính của phần tử và các giá trị của nút con 36 của nó có được dịch khi trang được bản địa hóa hay không hoặc giữ nguyên chúng. 37_______161_______1, , accept 09, 9, 68, 3, accept 93, accept 94, 09, 18Xác định kiểu của phần tử. 48 7, , 9 52 1, 54, , 56, 71, 46, 74, 23Xác định giá trị mặc định sẽ được hiển thị trong thành phần khi tải trang. 61accept 08, accept 09, 6, 7, , 9, 8Đối với các phần tử được liệt kê ở đây, điều này thiết lập chiều rộng của phần tử Ghi chú. Đối với tất cả các trường hợp khác, chẳng hạn như 71_______160_______9Cho biết văn bản có nên được bọc hay khôngTrong HTML, hầu hết các thuộc tính đều có hai mặt. thuộc tính nội dung và thuộc tính IDL (Ngôn ngữ Định nghĩa Giao diện) Thuộc tính nội dung là thuộc tính do bạn đặt từ nội dung (mã HTML) và bạn có thể đặt hoặc nhận thông qua Thuộc tính IDL còn được gọi là thuộc tính JavaScript. Đây là những thuộc tính bạn có thể đọc hoặc đặt bằng các thuộc tính JavaScript như Hầu hết thời gian, các thuộc tính IDL sẽ trả về giá trị của chúng khi chúng thực sự được sử dụng. Ví dụ: mặc định Thuộc tính IDL không phải lúc nào cũng là chuỗi; . Khi sử dụng các thuộc tính IDL, bạn đọc hoặc đặt giá trị của loại mong muốn, vì vậy, Các thuộc tính IDL có thể phản ánh các loại khác như unsigned long, URL, boolean, v.v. Thật không may, không có quy tắc rõ ràng và cách các thuộc tính IDL hoạt động cùng với các thuộc tính nội dung tương ứng của chúng phụ thuộc vào thuộc tính. Hầu hết thời gian, nó sẽ tuân theo các quy tắc được nêu trong đặc tả, nhưng đôi khi nó không. Thông số kỹ thuật HTML cố gắng làm cho điều này trở nên thân thiện với nhà phát triển nhất có thể, nhưng vì nhiều lý do (chủ yếu là lịch sử), một số thuộc tính hoạt động không bình thường (ví dụ: ___161_______87) và bạn nên đọc thông số kỹ thuật để hiểu chính xác cách chúng hoạt động Một số thuộc tính nội dung (e. g. HTML xác định các hạn chế đối với các giá trị được phép của các thuộc tính boolean. Nếu có thuộc tính, thì giá trị của nó phải là chuỗi trống (tương đương, thuộc tính có thể có giá trị chưa được gán) hoặc giá trị khớp không phân biệt chữ hoa chữ thường ASCII đối với tên chính tắc của thuộc tính, không có khoảng trắng ở đầu hoặc cuối. Các ví dụ sau đây là những cách hợp lệ để đánh dấu một thuộc tính boolean
Để rõ ràng, các giá trị " Cảnh báo. Việc sử dụng các thuộc tính nội dung xử lý sự kiện không được khuyến khích. Sự kết hợp giữa HTML và JavaScript thường tạo ra mã không thể duy trì và việc thực thi các thuộc tính của trình xử lý sự kiện cũng có thể bị chặn bởi các chính sách bảo mật nội dung Ngoài các thuộc tính được liệt kê trong bảng trên, toàn cầu — chẳng hạn như Tất cả các thuộc tính xử lý sự kiện chấp nhận một chuỗi. Chuỗi sẽ được sử dụng để tổng hợp một hàm JavaScript như 06 là tên của thuộc tính và 98 là giá trị của thuộc tính. Trình xử lý nhận được các tham số giống như đối tác xử lý sự kiện JavaScript của nó — hầu hết các trình xử lý chỉ nhận được một tham số 99, trong khi accept-charset 00 nhận được năm. 99, accept-charset 02, accept-charset 03, accept-charset 04, accept-charset 05. Điều này có nghĩa là nói chung, bạn có thể sử dụng biến 99 trong thuộc tính
Tại sao các thuộc tính được sử dụng trong HTML?Thuộc tính HTML là một đoạn ngôn ngữ đánh dấu được sử dụng để điều chỉnh hành vi hoặc cách hiển thị của phần tử HTML . Ví dụ: các thuộc tính có thể được sử dụng để thay đổi màu sắc, kích thước hoặc chức năng của các phần tử HTML.
Làm cách nào để thêm thuộc tính trong HTML?Phần tử DOM HTML setAttribute() . Thí dụ. Thêm một thuộc tính lớp vào một phần tử. yếu tố. setAttribute("class", "democlass");. Thay đổi trường nhập thành nút nhập. đầu vào của tôi. setAttribute("kiểu", "nút"); . . Add a href attribute to an element: myAnchor. setAttribute("href", "https://www.w3schools.com"); Before:. |