<घंटा/> HTML5 ने प्लेसहोल्डर नामक एक नई विशेषता पेश की। <इनपुट> और तत्वों पर यह विशेषता उपयोगकर्ता को संकेत देती है कि फ़ील्ड में क्या दर्ज किया जा सकता है।</P> <p style="">यहां एक उदाहरण दिया गया है जो दिखा रहा है कि प्लेसहोल्डर क्या है। ईमेल का संकेत यानी ईमेल@example.com यहां प्लेसहोल्डर है:</P> <p शैली=""> <img loading='lazy' alt='CSS के साथ HTML5 इनपुट के प्लेसहोल्डर का रंग कैसे बदलें? ' src="/article/uploadfiles/202203/2022033115034520.jpg" /></P> <h2>उदाहरण</h2> <p style=""><em>प्लेसहोल्डर </em> का उपयोग करने का तरीका जानने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं विशेषता:</P> <p शैली=""></P> <pre><!DOCTYPE HTML> <html> <body> <form action="/cgi-bin/html5.cgi" method="get"> Enter email : <input type="email" name="newinput" placeholder="email@example.com"/> <input type="submit" value="submit" /> </form> </body> </html></pre> <h2>उदाहरण</h2> <p style="">इनपुट प्लेसहोल्डर का रंग बदलने के लिए, CSS का उपयोग करें।</P> <p शैली=""></P> <pre><!DOCTYPE HTML> <html> <style> ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #7F0D10; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #7F0D10; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #7F0D10; opacity: 1; } </style> <body> <form action="/cgi-bin/html5.cgi" method="get"> Enter email : <input type="email" name="newinput" placeholder="email@example.com"/> <input type="submit" value="submit" /> </form> </body> </html></pre> <br> </article> <div class="ad5"> <script language='javascript' src='https://in.wsxdn.com/css/ad/hi2.js'></script> </div> <div id="turn-page" class="f-between"> <div class="page up f-align"> <i class="prev"></i> <a class='LinkPrevArticle' href='https://in.wsxdn.com/zx054r/tr554l/1005062264.html' >मैं CSS का उपयोग करके <div> टैग को कैसे केन्द्रित करूं? </a> <span></span> </div> <div class="page down f-align"> <a class='LinkNextArticle' href='https://in.wsxdn.com/zx054r/tr554l/1005062266.html' >CSS मार्कर-ऑफ़सेट संपत्ति का उपयोग </a> <i class="next"></i> <span></span> </div> </div> </div> <aside class="box-r"> <section class="small-nav rList"> <p class=h4s> CSS </p> <ul class="f-between"> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/us544m/' target="_self">सी प्रोग्रामिंग</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/lj545d/' target="_self">C++</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/kh546c/' target="_self">Redis</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/om547h/' target="_self">बाश प्रोग्रामिंग</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/ca548u/' target="_self">Python</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/nl549f/' target="_self">Java</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/sp550k/' target="_self">डेटाबेस</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/zw551r/' target="_self">HTML</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/ec552w/' target="_self">Javascript</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/lj553d/' target="_self">प्रोग्रामिंग</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/tr554l/' target="_self">CSS</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/hf555z/' target="_self">Ruby</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/fd556x/' target="_self">SQL</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/wu557p/' target="_self">IOS</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/bz558t/' target="_self">Android</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/pn559h/' target="_self">Mongodb</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/ay560s/' target="_self">MySql</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/fc561x/' target="_self">C#</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/cz565u/' target="_self">PHP</a></li> <li><a class='childclass' href='https://in.wsxdn.com/zx054r/nl571f/' target="_self">SQL Server</a></li> </ul> <strong class="f-center"> <img src="https://in.wsxdn.com/css/img/xiala.svg" alt=""> </strong> </section> <aside class="rList"> <p class=h4s> CSS </p> <ul> <li> <a href="https://in.wsxdn.com/zx054r/lj553d/1005038871.html" class="t-over" title="HTML/CSS में बैकग्राउंड का रंग कैसे बदलें ">HTML/CSS में बैकग्राउंड का रंग कैसे बदलें </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/tr554l/1005054609.html" class="t-over" title="CSS के साथ ग्रेडिएंट बैकग्राउंड कलर कैसे सेट करें ">CSS के साथ ग्रेडिएंट बैकग्राउंड कलर कैसे सेट करें </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/tr554l/1005054616.html" class="t-over" title="CSS के साथ इनपुट प्लेसहोल्डर टेक्स्ट को स्टाइल कैसे करें ">CSS के साथ इनपुट प्लेसहोल्डर टेक्स्ट को स्टाइल कैसे करें </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/tr554l/1005054617.html" class="t-over" title="CSS के साथ टेक्स्ट ग्रेडिएंट कलर कैसे जोड़ें ">CSS के साथ टेक्स्ट ग्रेडिएंट कलर कैसे जोड़ें </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/tr554l/1005054638.html" class="t-over" title="CSS के साथ एक साधारण लूपिंग बैकग्राउंड कलर एनिमेशन कैसे बनाएं ">CSS के साथ एक साधारण लूपिंग बैकग्राउंड कलर एनिमेशन कैसे बनाएं </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/ec552w/1005056665.html" class="t-over" title="CSS के साथ सक्रिय लिंक का रंग बदलें ">CSS के साथ सक्रिय लिंक का रंग बदलें </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/tr554l/1005062341.html" class="t-over" title="CSS के साथ फ़ोकस किए गए लिंक का रंग कैसे बदलें ">CSS के साथ फ़ोकस किए गए लिंक का रंग कैसे बदलें </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/tr554l/1005062342.html" class="t-over" title="CSS के साथ सक्रिय लिंक का रंग कैसे बदलें ">CSS के साथ सक्रिय लिंक का रंग कैसे बदलें </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/tr554l/1005062716.html" class="t-over" title="CSS के साथ फ़ॉर्म इनपुट में पृष्ठभूमि रंग जोड़ें ">CSS के साथ फ़ॉर्म इनपुट में पृष्ठभूमि रंग जोड़ें </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/tr554l/1005062770.html" class="t-over" title="CSS के साथ एनीमेशन में देरी कैसे करें ">CSS के साथ एनीमेशन में देरी कैसे करें </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/tr554l/1005062845.html" class="t-over" title="CSS के साथ एक बटन की पृष्ठभूमि का रंग बदलें ">CSS के साथ एक बटन की पृष्ठभूमि का रंग बदलें </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/tr554l/1005063438.html" class="t-over" title="कैसे सीएसएस के साथ स्क्रॉल पर पृष्ठभूमि छवियों को बदलने के लिए? ">कैसे सीएसएस के साथ स्क्रॉल पर पृष्ठभूमि छवियों को बदलने के लिए? </a> </li> <li> <a href="https://in.wsxdn.com/zx054r/tr554l/1005063455.html" class="t-over" title="सीएसएस के साथ आउटलाइन बटन कैसे स्टाइल करें? ">सीएसएस के साथ आउटलाइन बटन कैसे स्टाइल करें? </a> </li> </ul> </aside> </aside> </div> <div class="container box4-2"> <div class="lanmu-list f-between"> <div class="lanmu"> <ol> <li> <div class="img-block"> <span> <a href="https://in.wsxdn.com/zx054r/tr554l/1005063640.html" class="r-over r-over-2" title="टेक्स्ट-डेकोरेशन-कलर CSS का उपयोग करके लिंक अंडरलाइन कलर कैसे बदलें "> टेक्स्ट-डेकोरेशन-कलर CSS का उपयोग करके लिंक अंडरलाइन कलर कैसे बदलें </a> <p> CSS टेक्स्ट-डेकोरेशन-कलर का उपयोग टेक्स्ट-डेकोरेशन-लाइन का रंग बदलने के लिए किया जाता है। सिंटैक्स CSS टेक्स्ट-डेकोरेशन-कलर प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector { text-decoration-color: /*value*/ } उदाहरण निम्नलिखित उदाहरण CSS टेक्स्ट-डेकोरेशन-कलर प्रॉपर्टी को दर्शाते हैं। &l </p> </span> </div> </li> </ol> </div> <div class="lanmu"> <ol> <li> <div class="img-block"> <span> <a href="https://in.wsxdn.com/zx054r/tr554l/1005063652.html" class="r-over r-over-2" title="CSS में टेक्स्टबॉक्स के लिए प्लेसहोल्डर का रंग कैसे बदलें "> CSS में टेक्स्टबॉक्स के लिए प्लेसहोल्डर का रंग कैसे बदलें </a> <p> ::प्लेसहोल्डर छद्म-तत्व का उपयोग करके, हम टेक्स्टबॉक्स के लिए प्लेसहोल्डर टेक्स्ट का रंग बदल सकते हैं। CSS ::प्लेसहोल्डर छद्म तत्व का सिंटैक्स इस प्रकार है - ::placeholder { attribute: /*value*/ } उदाहरण निम्नलिखित उदाहरण CSS ::प्लेसहोल्डर छद्म-तत्व को दर्शाते हैं। <!DOCTYPE html> <htm </p> </span> </div> </li> </ol> </div> <div class="lanmu"> <ol> <li> <div class="img-block"> <span> <a href="https://in.wsxdn.com/zx054r/tr554l/1005063664.html" class="r-over r-over-2" title="CSS कैरेट-कलर के साथ कर्सर का रंग बदलें "> CSS कैरेट-कलर के साथ कर्सर का रंग बदलें </a> <p> इंसर्शन कैरेट का रंग बदलने के लिए, CSS कैरेट-कलर प्रॉपर्टी उपयोग किया जाता है। उदाहरण निम्नलिखित उदाहरण CSS कैरेट-रंग गुण को दर्शाते हैं। फॉर्म { पैडिंग:2%; मार्जिन:2%; टेक्स्ट-एलाइन:सेंटर;}फॉर्म:फोकस-इन {बॉक्स-शैडो:0 0 10px rgba(0,0,0,0.6); पृष्ठभूमि-रंग:बेज;}इनपुट {फ़ॉन्ट-आकार:3em; कैरेट-रंग:चार् </p> </span> </div> </li> </ol> </div> </div> </div> <footer> <section class="container f-between f-align"> <a href="https://in.wsxdn.com" class="logo"> <img src="https://in.wsxdn.com/css/img/logo.svg" alt="कंप्यूटर"> </a> <span class="f-end"> © कॉपीराइट <a href="https://in.wsxdn.com">https://in.wsxdn.com</a> सर्वाधिकार सुरक्षित </span> </section> </footer> </body> </html>
