HTML <input> স্থানধারক বৈশিষ্ট্য

উপাদানটির স্থানধারক বৈশিষ্ট্যটি ইনপুটের জন্য একটি ইঙ্গিত সেট করতে ব্যবহৃত হয় যা সেই নির্দিষ্ট ইনপুটে কী প্রত্যাশিত সে সম্পর্কে একটি সংক্ষিপ্ত বিবরণ দেয়। এই বৈশিষ্ট্যটি নিম্নলিখিত ইনপুট প্রকারের জন্য কাজ করে - পাঠ্য, ইউআরএল, অনুসন্ধান, ইমেল, পাসওয়ার্ড এবং টেলিফোন। এটি HTML5 এ প্রবর্তিত হয়েছে৷

৷

নিম্নলিখিত সিনট্যাক্স −

<input placeholder="placeholder_text">

এখানে, placeholder_text হল সংক্ষিপ্ত ইঙ্গিত, অর্থাৎ স্থানধারক যা ব্যবহারকারীরা যখনই সেই ওয়েব পৃষ্ঠাটি দেখতে যাবে তখনই তাদের কাছে দৃশ্যমান হবে৷

আসুন এখন উপাদান -

-এর স্থানধারক বৈশিষ্ট্য বাস্তবায়নের একটি উদাহরণ দেখি।

উদাহরণ

<!DOCTYPE html>
<html>
<body>
<h2>Register</h2>
<form action="" method="get">
   Id − <input type="text" name="id" placeholder="Enter UserId here..."><br>
   Password − <input type="password" name="pwd" placeholder="Enter password here..."><br>
   DOB − <input type="date" name="dob"><br>
   Telephone − <input type="tel" name="tel" placeholder="Enter mobile number here..."><br>
   Email − <input type="email" name="email" placeholder="Enter email here..."><br><br>
   <button type="submit" value="Submit">Submit</button>
</form>
</body>
</html>

আউটপুট

HTML input স্থানধারক বৈশিষ্ট্য

উপরের উদাহরণে, আমাদের কিছু ক্ষেত্র সহ একটি ফর্ম আছে −

<form action="" method="get">
   Id − <input type="text" name="id" placeholder="Enter UserId here..."><br>
   Password − <input type="password" name="pwd" placeholder="Enter password here..."><br>
   DOB − <input type="date" name="dob"><br>
   Telephone − <input type="tel" name="tel" placeholder="Enter mobile number here..."><br>
   Email − <input type="email" name="email" placeholder="Enter email here..."><br><br>
   <button type="submit" value="Submit">Submit</button>
</form>

স্থানধারকটি সমস্ত ক্ষেত্রের জন্য সেট করা হয়েছে যেমন −

<input type="password" name="pwd" placeholder="Enter password here...">

শুধু স্থানধারক বৈশিষ্ট্য ব্যবহার করুন এবং সংক্ষিপ্ত ইঙ্গিত −

সেট করুন

placeholder="Enter password here..."

HTML স্থানধারক বৈশিষ্ট্য

উদাহরণ

আউটপুট