HTML5 প্লেসহোল্ডার নামে একটি নতুন বৈশিষ্ট্য চালু করেছে। এবং উপাদানগুলিতে এই বৈশিষ্ট্যটি ক্ষেত্রের মধ্যে কী প্রবেশ করা যেতে পারে তার একটি ইঙ্গিত প্রদান করে৷</P> <p style="">এখানে একটি উদাহরণ যা দেখায় যে একটি স্থানধারক কী৷ ইমেল করার ইঙ্গিত যেমন email@example.com এখানে স্থানধারক:</P> <p style=""> <img loading='lazy' alt='কিভাবে CSS দিয়ে একটি HTML5 ইনপুট এর স্থানধারক রঙ পরিবর্তন করবেন? ' src="/article/uploadfiles/202203/2022033115034520.jpg" /></P> <h2>উদাহরণ</h2> <p style="">আপনি কিভাবে <em>প্লেসহোল্ডার </em> ব্যবহার করবেন তা শিখতে নিম্নলিখিত কোডটি চালানোর চেষ্টা করতে পারেন বৈশিষ্ট্য:</P> <p style=""></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 style=""></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 async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4480737146802772" crossorigin="anonymous"></script><!-- computer.wsxdn --><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4480737146802772" data-ad-slot="4467655591" data-ad-format="auto" data-full-width-responsive="true"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <section id="turn-page" class="t-over"> <div class="f-start f-align"> <i><img loading='lazy' src="https://bd.wsxdn.com/css/img/sanjiao.svg" alt=""></i> <a class='LinkPrevArticle' href='https://bd.wsxdn.com/ge064y/bz654t/202203/1006062264.html' >আমি কিভাবে CSS ব্যবহার করে <div> ট্যাগ কেন্দ্র করব? </a> </div> <div class="f-start f-align"> <i><img loading='lazy' src="https://bd.wsxdn.com/css/img/sanjiao.svg" alt=""></i> <a class='LinkNextArticle' href='https://bd.wsxdn.com/ge064y/bz654t/202203/1006062266.html' >CSS মার্কার-অফসেট সম্পত্তির ব্যবহার </a> </div> </section> </div> <aside class="box-r"> <section class="box42"> <ol> <li> <a href="https://bd.wsxdn.com/ge064y/ki653c/202203/1006038871.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="কিভাবে HTML/CSS এ ব্যাকগ্রাউন্ড কালার পরিবর্তন করবেন ">কিভাবে HTML/CSS এ ব্যাকগ্রাউন্ড কালার পরিবর্তন করবেন </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/bz654t/202203/1006054609.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="কিভাবে CSS দিয়ে গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড কালার সেট করবেন ">কিভাবে CSS দিয়ে গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড কালার সেট করবেন </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/bz654t/202203/1006054616.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="সিএসএস দিয়ে কীভাবে ইনপুট প্লেসহোল্ডার টেক্সট স্টাইল করবেন ">সিএসএস দিয়ে কীভাবে ইনপুট প্লেসহোল্ডার টেক্সট স্টাইল করবেন </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/bz654t/202203/1006054617.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="কিভাবে CSS এর সাথে একটি টেক্সট গ্রেডিয়েন্ট কালার যোগ করবেন ">কিভাবে CSS এর সাথে একটি টেক্সট গ্রেডিয়েন্ট কালার যোগ করবেন </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/mj652e/202203/1006056665.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="CSS দিয়ে সক্রিয় লিঙ্কের রঙ পরিবর্তন করুন ">CSS দিয়ে সক্রিয় লিঙ্কের রঙ পরিবর্তন করুন </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/bz654t/202203/1006062341.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="কিভাবে CSS দিয়ে ফোকাসড লিঙ্কের রঙ পরিবর্তন করতে হয় ">কিভাবে CSS দিয়ে ফোকাসড লিঙ্কের রঙ পরিবর্তন করতে হয় </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/bz654t/202203/1006062342.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="কিভাবে CSS এর সাথে সক্রিয় লিঙ্কের রঙ পরিবর্তন করবেন ">কিভাবে CSS এর সাথে সক্রিয় লিঙ্কের রঙ পরিবর্তন করবেন </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/bz654t/202203/1006062716.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="CSS সহ ফর্ম ইনপুটে একটি পটভূমির রঙ যোগ করুন ">CSS সহ ফর্ম ইনপুটে একটি পটভূমির রঙ যোগ করুন </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/bz654t/202203/1006062770.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="কিভাবে CSS দিয়ে একটি অ্যানিমেশন বিলম্বিত করা যায় ">কিভাবে CSS দিয়ে একটি অ্যানিমেশন বিলম্বিত করা যায় </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/bz654t/202203/1006062845.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="CSS দিয়ে একটি বোতামের পটভূমির রঙ পরিবর্তন করুন ">CSS দিয়ে একটি বোতামের পটভূমির রঙ পরিবর্তন করুন </p> </a> </li> </ol> </section> </aside> </section> </section> <section class="box13 content box44"> <ol class="f-between"> <li class="ibox"> <a href="https://bd.wsxdn.com/ge064y/bz654t/202203/1006063607.html" class="i-text"> <p class="r-over r-over-2">সিএসএস দিয়ে তালিকার জন্য বুলেটের রং কীভাবে পরিবর্তন করবেন? </p> </a> </li> <li class="ibox"> <a href="https://bd.wsxdn.com/ge064y/bz654t/202203/1006063640.html" class="i-text"> <p class="r-over r-over-2">টেক্সট-ডেকোরেশন-কালার সিএসএস ব্যবহার করে লিংক আন্ডারলাইন কালার কীভাবে পরিবর্তন করবেন </p> </a> </li> <li class="ibox"> <a href="https://bd.wsxdn.com/ge064y/bz654t/202203/1006063652.html" class="i-text"> <p class="r-over r-over-2">সিএসএস-এ টেক্সটবক্সের জন্য প্লেসহোল্ডারের রঙ কীভাবে পরিবর্তন করবেন </p> </a> </li> <li class="ibox"> <a href="https://bd.wsxdn.com/ge064y/bz654t/202203/1006063664.html" class="i-text"> <p class="r-over r-over-2">CSS ক্যারেট-কালার দিয়ে কার্সারের রঙ পরিবর্তন করুন </p> </a> </li> </ol> </section> <ul class="types box23 content f-start"> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/ca644u/' target="_self">C প্রোগ্রামিং</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/mk645f/' target="_self">C++</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/hf646z/' target="_self">Redis</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/fd647x/' target="_self">BASH প্রোগ্রামিং</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/db648w/' target="_self">Python</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/vs649n/' target="_self">Java</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/tr650l/' target="_self">তথ্যশালা</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/hf651z/' target="_self">HTML</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/mj652e/' target="_self">JavaScript</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/ki653c/' target="_self">প্রোগ্রামিং</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/bz654t/' target="_self">CSS</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/zx655s/' target="_self">Ruby</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/nl656f/' target="_self">SQL</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/sq657k/' target="_self">IOS</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/qo658j/' target="_self">Android</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/vt659n/' target="_self">mongodb</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/us660m/' target="_self">MySQL</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/by661t/' target="_self">C#</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/mk665e/' target="_self">PHP</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/he671z/' target="_self">SQL সার্ভার</a></li> </ul> <footer> <section class="msg f-center content"> <span class="f-start"> কপিরাইট © <a href="https://bd.wsxdn.com">https://bd.wsxdn.com</a> সমস্ত অধিকার সংরক্ষিত </span> </section> </footer> </body> </html>
