Thuộc tính title là một thuộc tính sự kiện được hỗ trợ bởi tất cả các trình duyệt. Nó xuất hiện khi người dùng nhấp vào một phần tử nút. Nếu bạn muốn tạo một nút title, bạn cần thêm thuộc tính sự kiện title vào phần tử
Nút title chạy tập lệnh khi người dùng nhấp vào nút. Hãy xem một ví dụ nơi chúng tôi có một nút bấm, nhấp vào đó bạn sẽ truy cập trang web của chúng tôi. Để đạt được điều này, chúng ta chỉ cần thêm URL của trang web vào đối tượng cửa sổ
Title of the document
Click HereBạn cũng có thể sử dụng nút title để biết ngày hiện tại chỉ bằng cách thêm "getElementById['demo']. innerHTML=Date[]" vào sự kiện title
Title of the document
Click the button to see the current date.
What day is today?
Sự kiện title được sử dụng để gọi một hàm khi một phần tử được nhấp vào. Đó là lý do tại sao nó chủ yếu được sử dụng với chức năng JavaScript. Hãy xem xét một ví dụ trong đó bạn cần nhấp vào nút để đặt chức năng sẽ xuất thông báo dưới dạng
Có một số cách để tạo nút HTML, nút này hoạt động giống như một liên kết [tôi. e. , nhấp vào nó, người dùng được chuyển hướng đến URL được chỉ định]. Bạn có thể chọn một trong các cách sau để thêm liên kết vào nút HTML
Bạn có thể thêm một sự kiện title nội tuyến vào thẻ
Điều này có thể không hoạt động nếu nút nằm trong
yếu tố
Title of the document
Click HereCũng có thể thêm sự kiện title nội tuyến vào thẻ trong phần tử
Title of the document
Các liên kết sẽ không hoạt động khi JavaScript bị tắt và các công cụ tìm kiếm có thể bỏ qua loại liên kết này
Một cách khác để tạo một nút hoạt động giống như một liên kết là sử dụng thuộc tính hành động hoặc định dạng trong
yếu tố
Title of the document
Click me
Để mở liên kết trong tab mới, hãy thêm target="_blank"
Title of the document
Click me
Vì không có biểu mẫu và không có dữ liệu nào được gửi, điều này có thể không chính xác về mặt ngữ nghĩa. Tuy nhiên, đánh dấu này là hợp lệ
Title of the document
Click me
Thuộc tính formaction chỉ được sử dụng với các nút có type="submit". Vì thuộc tính này dành riêng cho HTML5 nên khả năng hỗ trợ của nó trong các trình duyệt cũ có thể kém
Thêm liên kết được tạo kiểu dưới dạng nút có thuộc tính CSS. Thuộc tính href là thuộc tính bắt buộc của thẻ. Nó chỉ định một liên kết trên trang web hoặc một vị trí trên cùng một trang nơi người dùng điều hướng sau khi nhấp vào liên kết
Thẻ được sử dụng để tạo nút có thể nhấp trong biểu mẫu HTML trên trang web của bạn. Bạn có thể đặt nội dung như văn bản hoặc hình ảnh trong. nhãn
Bạn phải luôn chỉ định thuộc tính loại cho thẻ. Các trình duyệt khác nhau sử dụng loại mặc định khác nhau cho phần tử nút
Thẻ Nút HTML có thể được sử dụng bên trong và bên ngoài biểu mẫu
Nếu bạn sử dụng nó bên trong biểu mẫu, nó sẽ hoạt động như nút gửi. Bạn cũng có thể sử dụng nó làm nút đặt lại
Nếu bạn dùng ngoài form thì có thể gọi hàm JavaScript trên đó
Ví dụ về thẻ nút HTML
Hãy xem mã để hiển thị nút
Kiểm tra nó ngay bây giờđầu ra
Bấm vào đâyVí dụ về nút HTML. Gọi hàm JavaScript
Hãy xem mã để gọi hàm JavaScript khi nhấp vào nút
Kiểm tra nó ngay bây giờđầu ra
Bấm vào đâyVí dụ về nút HTML. gửi biểu mẫu
Hãy xem mã để gửi biểu mẫu khi nhấp vào nút
Kiểm tra nó ngay bây giờđầu ra
Ví dụ về nút HTML. Đặt lại biểu mẫu
Hãy xem mã để gửi biểu mẫu khi nhấp vào nút
Kiểm tra nó ngay bây giờđầu ra
Các thuộc tính của thẻ nút HTML
thẻ hỗ trợ tất cả các thuộc tính toàn cầu và một số thuộc tính bổ sung cụ thể
Có một danh sách các thuộc tính thẻ nút HTML
AttributeDescriptionautofocusChỉ định rằng một nút sẽ tự động lấy tiêu điểm trong khi tải trang. bị vô hiệu hóa Nó chỉ định rằng một nút sẽ bị vô hiệu hóa. formIt chỉ định một hoặc nhiều biểu mẫu mà nút thuộc về. formactionIt được sử dụng cho loại gửi. Nó chỉ định nơi gửi dữ liệu biểu mẫu khi biểu mẫu được gửi. formmethodIt chỉ định cách gửi dữ liệu biểu mẫu. formenctypeIt chỉ định cách mã hóa dữ liệu biểu mẫu trước khi gửi nó đến máy chủ. formnovalidateChỉ định rằng dữ liệu biểu mẫu không được xác thực khi gửi. formtargetIt chỉ định nơi hiển thị phản hồi sau khi gửi biểu mẫu. nameIt chỉ định tên của nút. typeIt chỉ định loại nút. valueIt chỉ định giá trị của nút