Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

จะล้างฟิลด์อินพุตที่โฟกัสด้วย CSS ได้อย่างไร


ต่อไปนี้คือรหัสเพื่อล้างช่องป้อนข้อมูลในโฟกัส -

ตัวอย่าง

<!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>

ผลลัพธ์

รหัสข้างต้นจะสร้างผลลัพธ์ต่อไปนี้ -

จะล้างฟิลด์อินพุตที่โฟกัสด้วย CSS ได้อย่างไร

เมื่อคลิกที่ฟิลด์ ค่าภายในจะถูกล้าง -

จะล้างฟิลด์อินพุตที่โฟกัสด้วย CSS ได้อย่างไร