Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> CSS

CSS/JS से फोकस पर इनपुट फील्ड कैसे क्लियर करें?


इनलाइन JavaScript onfocus="this.value=''" का उपयोग करके फोकस पर इनपुट का मान क्लियर किया जा सकता है। यह प्लेसहोल्डर-जैसा व्यवहार देता है लेकिन वास्तविक मान के साथ।

उदाहरण

<!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/JS से फोकस पर इनपुट फील्ड कैसे क्लियर करें?

फील्ड पर क्लिक करने पर मान क्लियर हो जाएगा:

CSS/JS से फोकस पर इनपुट फील्ड कैसे क्लियर करें?

मुख्य बिंदु

  • onfocus इवेंट - फोकस प्राप्त होने पर ट्रिगर
  • this.value = '' - मान को खाली स्ट्रिंग पर सेट करता है
  • इनलाइन JS - अलग स्क्रिप्ट की आवश्यकता नहीं
  • नोट - यह केवल पहली बार फोकस पर क्लियर करता है; पुनः फोकस पर कुछ नहीं होता
  • बेहतर विकल्प - प्लेसहोल्डर एट्रिब्यूट या JS इवेंट लिसनर उपयोग करें
  1. CSS से तीर कैसे बनाएं? CSS से तीर कैसे बनाएं?

    CSS से तीर बनाने के लिए, कोड निम्नानुसार है -उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva

  1. HTML में डेट फ़ील्ड के साथ इनपुट टाइप फ़ील्ड का उपयोग कैसे करें? HTML में डेट फ़ील्ड के साथ इनपुट टाइप फ़ील्ड का उपयोग कैसे करें?

    <input type="date"> डेट के साथ इनपुट फ़ील्ड के लिए है। यह दिन, महीना और वर्ष के साथ डेट आसानी से दर्ज करने की अनुमति देता है। आप जन्मतिथि, पंजीकरण तिथि आदि के लिए उपयोगकर्ता इनपुट प्राप्त कर सकते हैं।जब आप इनपुट टाइप में डेट जोड़ने का प्रयास करेंगे तो एक डेटपिकर दिखाई देगा।नोट: इनपुट

  1. HTML में स्टेप्स के साथ इनपुट टाइप फ़ील्ड का उपयोग कैसे करें? HTML में स्टेप्स के साथ इनपुट टाइप फ़ील्ड का उपयोग कैसे करें?

    HTML इनपुट टाइप step एट्रिब्यूट कानूनी संख्या अंतराल सेट करता है। स्टेप्स संख्या चरण होते हैं जैसे 0, 5, 10, 15, 20, आदि। step एट्रिब्यूट का उपयोग max और min एट्रिब्यूट्स के साथ कानूनी मानों की एक श्रेणी बनाने के लिए किया जा सकता है।उदाहरणइनपुट स्टेप एट्रिब्यूट के साथ संख्याओं का चरण बनाने के लिए नि