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

Làm cách nào để xóa một trường nhập vào tiêu điểm bằng CSS?


Sau đây là mã để xóa trường nhập trên tiêu điểm -

Ví dụ

<!DOCTYPE html>
<html>
<head>
<h1>Clearing an input field on focus example</h1>
<input type="text" onfocus="this.value=''" value="Some random text...">
<h2>Click on the above field to clear its value</h2>
</body>
</html>

Đầu ra

Đoạn mã trên sẽ tạo ra kết quả sau -

Làm cách nào để xóa một trường nhập vào tiêu điểm bằng CSS?

Khi nhấp vào trường, giá trị bên trong sẽ bị xóa -

Làm cách nào để xóa một trường nhập vào tiêu điểm bằng CSS?