Trang chủLập trìnhJavascript - HTMLCách ẩn nhãn Google reCaptcha trên trang web sử dụng reCaptcha v3

Cách ẩn nhãn Google reCaptcha trên trang web sử dụng reCaptcha v3

Nếu là dân lập trình web thì Google reCaptcha hẳn không quá xa lạ. Nó giúp chặn các spammer thực hiện các hành động spam trên các form của trang web.

Phiên bản mới nhất là reCaptcha v3. Nếu các phiên bản trước thì sẽ có tùy chọn để người dùng phải thực hiện hành động xác thực (verified) thì ở reCaptcha v3 sẽ không có tùy chọn xác thực nữa mà đó sẽ là hành động ngầm. Chỉ khi nào cảm nhận có dấu hiệu spam thì reCaptcha mới bật tính năng xác thực. Điều này tạo sự thoải mái cho người dùng bình thường. Tuy nhiên reCaptcha v3 khi được kích hoạt sẽ tạo 1 nhãn nằm ở góc dưới bên phải màn hình.

Cũng thật sự không tiện chút nào vì đôi khi nó nằm đè lên một thành phần nào đó của trang web. Nếu bạn thật sự không muốn sự xuất hiện của nó thì bạn có thể sử dụng đoạn mã CSS dưới đây:

Một số bạn nghĩ có thể dùng display:none; để ẩn hẳn nhãn này đi. Tuy nhiên theo khuyến cáo của Google thì nếu bạn ẩn nó bằng thuộc tính này thì reCaptcha sẽ không hoạt động.

Chúc các bạn thành công.

Huỳnh Mai Anh Kiệt

- Advertisement -
Huỳnh Mai Anh Kiệt
Huỳnh Mai Anh Kiệthttps://anhkiet.biz
Anh là một người đam mê công nghệ. Hiện tại anh là một lập trình viên cho Hura Apps - một startup nhỏ về công nghệ tại Quy Nhơn.

BÌNH LUẬN

Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây

- Advertisment -

BÀI VIẾT MỚI

BẠN XEM CHƯA