কম্পিউটার টিউটোরিয়াল

HTML DOM Input Week অবজেক্ট

HTML DOM Input Week অবজেক্ট টাইপ উইকের একটি ইনপুট HTML এলিমেন্টকে রিপ্রেজেন্ট করে।

সিনট্যাক্স (Syntax)

Week টাইপ সহ <input> তৈরি:

var weekObject = document.createElement("INPUT"); weekObject.type = "week";

অ্যাট্রিবিউটসমূহ (Attributes)

এখানে "weekObject" নিম্নলিখিত অ্যাট্রিবিউটগুলো থাকতে পারে:

অ্যাট্রিবিউটস বিবরণ
autocomplete উইক ফিল্ডের autocomplete অ্যাট্রিবিউটের মান সংজ্ঞায়িত করে
autofocus প্রাথমিক পেজ লোডে উইক ফিল্ড ফোকাস হবে কিনা সংজ্ঞায়িত করে
defaultValue উইক ফিল্ডের ডিফল্ট মান সেট/রিটার্ন করে
disabled উইক ফিল্ড ডিজেবল/ইনেবল সংজ্ঞায়িত করে
form উইক ফিল্ড ধারণকারী এনক্লোজিং ফর্মের রেফারেন্স ফেরত দেয়
max উইক ফিল্ডের max অ্যাট্রিবিউটের মান রিটার্ন/সেট করে
min উইক ফিল্ডের min অ্যাট্রিবিউটের মান রিটার্ন/সেট করে
name উইক ফিল্ডের name অ্যাট্রিবিউটের মান সংজ্ঞায়িত করে
readOnly উইক ফিল্ড রিড-অনলি কিনা সংজ্ঞায়িত করে
required ফর্ম সাবমিটের জন্য উইক ফিল্ড বাধ্যতামূলক কিনা সংজ্ঞায়িত করে
step উইক ফিল্ডের step অ্যাট্রিবিউটের মান সংজ্ঞায়িত করে
type উইক ফিল্ডের ফর্ম এলিমেন্ট টাইপ ফেরত দেয়
value উইক ফিল্ডের value অ্যাট্রিবিউটের মান সংজ্ঞায়িত করে

মেথডসমূহ (Methods)

এছাড়া নিম্নলিখিত মেথডগুলোও থাকে:

বুলিয়ান মান বিবরণ
stepDown উইক ফিল্ড কত সপ্তাহ কমাবে তা সংজ্ঞায়িত করে।
stepUp উইক ফিল্ড কত সপ্তাহ বাড়াবে তা সংজ্ঞায়িত করে।

উদাহরণ (Example)

Input Week form প্রপার্টির একটি উদাহরণ দেখুন:

<!DOCTYPE html> 
<html> 
<head> 
<title>Input Week form</title> 
<style> 
    form { 
        width:70%; 
        margin: 0 auto; 
        text-align: center; 
    } 
    * { 
        padding: 2px; 
        margin:5px; 
    } 
    input[type="button"] { 
        border-radius: 10px; 
    } 
</style> 
</head> 
<body> 
<form id="Mid-Term"> 
<fieldset> 
<legend>Week-form</legend> 
<label for="WeekSelect">Examination Week: <input type="week" id="WeekSelect" value="2019-W36"> </label> 
<input type="button" onclick="showExamination()" value="What exams are in this week? "> 
<div id="divDisplay"></div> 
</fieldset> 
</form>
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputWeek = document.getElementById("WeekSelect"); 
    function showExamination() { 
        divDisplay.textContent = 'Examinations: '+inputWeek.form.id; 
    } 
</script> 
</body> 
</html>

আউটপুট (Output)

এটি নিম্নলিখিত আউটপুট তৈরি করবে:

'What exams are in this week?' বাটনে ক্লিক করার আগে:

HTML DOM Input Week অবজেক্ট

'What exams are in this week?' বাটন চেক করার পর:

HTML DOM Input Week অবজেক্ট

  1. HTML DOM Input Reset অবজেক্ট

  2. HTML DOM Input Search অবজেক্ট

  3. HTML DOM ইনপুট টেক্সট অবজেক্ট

  4. HTML DOM Input Password অবজেক্ট