HTML DOM ইনপুট পাসওয়ার্ডের প্রয়োজনীয় সম্পত্তি একটি উপাদানের প্রয়োজনীয় বৈশিষ্ট্যের সাথে যুক্ত। সার্ভারে ফর্ম জমা দেওয়ার আগে কিছু পাসওয়ার্ড ক্ষেত্র পূরণ করা প্রয়োজন বা না হলে প্রয়োজনীয় সম্পত্তি সেট করা এবং ফেরত দেওয়ার জন্য ব্যবহার করা হয়। ব্যবহারকারীর দ্বারা প্রয়োজনীয় বৈশিষ্ট্য সহ একটি পাসওয়ার্ড ক্ষেত্র খালি থাকলে এটি ফর্মটিকে জমা না দেওয়ার অনুমতি দেয়৷
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলপ্রয়োজনীয় সম্পত্তি সেট করা হচ্ছে -
textObject.required = true|false
এখানে, সত্য প্রতিনিধিত্ব করে টেক্সট ক্ষেত্রটি অবশ্যই পূরণ করতে হবে যখন মিথ্যা প্রতিনিধিত্ব করে ফর্ম জমা দেওয়ার আগে ক্ষেত্রটি পূরণ করা তার ঐচ্ছিক প্রতিনিধিত্ব করে৷
উদাহরণ
ইনপুট পাসওয়ার্ড প্রয়োজনীয় সম্পত্তির জন্য একটি উদাহরণ দেখা যাক -
<!DOCTYPE html>
<html>
<body>
<h1>Input password required property</h1>
<p>Check if the above field is mandatory to be filled or not by clicking the below button</p>
<form action="/Sample_page.php">
Password: <input type="password" id="PASS1" name=”passW” required>
<input type="submit">
</form>
<br>
<button onclick="checkReq()">CHECK</button>
<p id="Sample"></p>
<script>
function checkReq() {
var Req=document.getElementById("PASS1").required;
if(Req==true)
document.getElementById("Sample").innerHTML="The password field must be filled before submitting";
else
document.getElementById("Sample").innerHTML="The password field is optional and can be left blank by the user";
}
</script>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
চেক বোতামে ক্লিক করলে -
যদি প্রয়োজনীয় সম্পত্তি সত্য সেট করা হয় এবং আপনি সাবমিট -
ক্লিক করেন
উপরের উদাহরণে -
আমরা প্রথমে “PASS1”, নাম “passW” আইডি সহ একটি ইনপুট পাসওয়ার্ড ক্ষেত্র তৈরি করেছি এবং প্রয়োজনীয় অ্যাট্রিবিউট সত্যে সেট করেছি। পাসওয়ার্ড ক্ষেত্রটি একটি ফর্মের ভিতরে রয়েছে action=”Sample_page.php” যা নির্দিষ্ট করে কোথায় ফর্ম ডেটা জমা দিতে হবে সাবমিট বোতামে ক্লিক করুন।
<form action="/Sample_page.php"> Password: <input type="password" id="PASS1" name=”passW” required> <input type="submit"> </form>
তারপরে আমরা একটি চেক বোতাম তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করলে checkReq() পদ্ধতিটি কার্যকর করবে -
<button onclick="checkReq()">CHECK</button>
checkReq() getElementById() পদ্ধতি ব্যবহার করে টাইপ পাসওয়ার্ড সহ ইনপুট উপাদান পেতে এবং এর প্রয়োজনীয় সম্পত্তি পেতে যা আমাদের ক্ষেত্রে সত্য হয়। প্রত্যাবর্তিত বুলিয়ান মানটি একটি পরিবর্তনশীল Req-এ বরাদ্দ করা হয় এবং প্রত্যাবর্তিত মানটি সত্য বা মিথ্যা কিনা তার উপর ভিত্তি করে আমরা এর অভ্যন্তরীণ HTML বৈশিষ্ট্য ব্যবহার করে "নমুনা" আইডি সহ অনুচ্ছেদে উপযুক্ত বার্তা প্রদর্শন করি -
function checkReq() {
var Req=document.getElementById("PASS1").required;
if(Req==true)
document.getElementById("Sample").innerHTML="The password field must be filled before submitting";
else
document.getElementById("Sample").innerHTML="The password field is optional and can be left blank by theuser";
} 