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

सीएसएस का उपयोग करना:प्लेसहोल्डर-खाली टेक्स्ट इनपुट के लिए शैलियों को अनुकूलित करने के लिए दिखाया गया है

<घंटा/>

प्लेसहोल्डर वाले इनपुट टेक्स्टबॉक्स की शैली को अनुकूलित करने के लिए, हम सीएसएस के :प्लेसहोल्डर-दिखाए गए छद्म वर्ग का उपयोग करते हैं।

उदाहरण

निम्नलिखित उदाहरण CSS का वर्णन करते हैं:प्लेसहोल्डर द्वारा दिखाया गया छद्म वर्ग।

  <सिर> <शैली> इनपुट:प्लेसहोल्डर-दिखाया गया {बॉर्डर-रंग:डोजरब्लू;} इनपुट:nth-of-type (ईवन):प्लेसहोल्डर-दिखाया गया { बॉर्डर-रंग:ओलिवड्राब;}<इनपुट प्रकार="टेक्स्ट" प्लेसहोल्डर="dodgerblue"><इनपुट प्रकार="ईमेल" प्लेसहोल्डर="olivedrab">

आउटपुट

यह निम्नलिखित परिणाम देगा -

सीएसएस का उपयोग करना:प्लेसहोल्डर-खाली टेक्स्ट इनपुट के लिए शैलियों को अनुकूलित करने के लिए दिखाया गया है

उदाहरण

  <सिर> <शैली> इनपुट:प्लेसहोल्डर-दिखाया गया { सीमा-रंग:नारंगी; बैकग्राउंड:पाउडरब्लू;}<इनपुट प्रकार ="रेडियो" चेक किया गया> <इनपुट प्रकार ="ईमेल" प्लेसहोल्डर ="नारंगी"> <इनपुट प्रकार ="टेक्स्ट">   

आउटपुट

यह निम्नलिखित परिणाम देगा -

सीएसएस का उपयोग करना:प्लेसहोल्डर-खाली टेक्स्ट इनपुट के लिए शैलियों को अनुकूलित करने के लिए दिखाया गया है


  1. CSS का उपयोग करके तत्व के टेक्स्ट का रंग सेट करना

    CSS कलर प्रॉपर्टी का इस्तेमाल किसी एलीमेंट के टेक्स्ट का रंग बदलने के लिए किया जाता है। हम मान को मानक रंग नाम, rgb(), rgba(), hsl(), hsla() और हेक्साडेसिमल मान के रूप में निर्दिष्ट कर सकते हैं। सिंटैक्स CSS कलर प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector {    color: /*value*/ } निम्नल

  1. CSS में टेक्स्टबॉक्स के लिए प्लेसहोल्डर का रंग कैसे बदलें

    ::प्लेसहोल्डर छद्म-तत्व का उपयोग करके, हम टेक्स्टबॉक्स के लिए प्लेसहोल्डर टेक्स्ट का रंग बदल सकते हैं। CSS ::प्लेसहोल्डर छद्म तत्व का सिंटैक्स इस प्रकार है - ::placeholder { attribute: /*value*/ } उदाहरण निम्नलिखित उदाहरण CSS ::प्लेसहोल्डर छद्म-तत्व को दर्शाते हैं। <!DOCTYPE html> <htm

  1. फ़ॉर्म इनपुट फ़ील्ड के लिए कुछ कम-ज्ञात सीएसएस गुण

    CSS कैरेट-कलर, पॉइंटर-इवेंट और टैब-साइज़ फॉर्म इनपुट फ़ील्ड के लिए कम ज्ञात गुणों में से कुछ हैं। कैरेट-कलर प्रॉपर्टी हमें ब्लिंकिंग कैरेट का रंग निर्दिष्ट करने की अनुमति देती है जबकि पॉइंटर-इवेंट उपयोगकर्ताओं को एक तत्व खोजने से रोकने में मदद कर सकते हैं। अंत में, टैब-आकार टैब द्वारा उपयोग किए जाने