Computer >> Máy Tính >  >> Lập trình >> HTML

Thuộc tính tự động hoàn thành HTML

Thuộc tính tự động hoàn thành của phần tử cho phép bạn đặt bật hay tắt tính năng tự động hoàn thành cho biểu mẫu. Trình duyệt web tự động điền các giá trị nếu tính năng tự động hoàn tất được bật. Điều này chỉ xảy ra nếu người dùng đã nhập các giá trị trước đó.

Sau đây là cú pháp -

<form autocomplete="on|off">

Trên, trên | tắt các giá trị phải được đặt để tự động hoàn thành có xuất hiện hay không. Bật nếu bạn muốn trình duyệt hoàn thành các mục nhập dựa trên các giá trị đã nhập trước đó, trong khi tắt thì không cho phép hoàn thành các mục nhập.

Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính tự động hoàn thành của phần tử -

Ví dụ

<!DOCTYPE html>
<html>
<body>
<h2>Points</h2>
<form action="" method="get" autocomplete="on">
   Player: <input type="text" name="player"><br>
   Rank: <input type="number" name="rank"><br>
   Points: <input type="number" name="pts"><br>
   <button type="submit" value="Submit">Submit</button>
</form>
</body>
</html>

Điều này sẽ tạo ra kết quả sau. Giả sử trước đây chúng tôi đã nhập một số giá trị vào biểu mẫu.

Thuộc tính tự động hoàn thành HTML  form

Tất cả chúng sẽ xuất hiện ngay bây giờ vì chúng tôi đã bật chế độ tự động hoàn thành -

Thuộc tính tự động hoàn thành HTML  form

Bây giờ đặt con trỏ bên trong văn bản. Các giá trị sau được hiển thị mà bạn đã nhập trước đó. Những điều này được hiển thị vì chúng tôi đã bật tính năng tự động hoàn thành -