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

HTML DOM Input Date value প্রোপার্টি


পরিচয়

HTML DOM Input Date value প্রোপার্টি একটি স্ট্রিং ফেরত দেয় যা ইনপুট ডেটের value অ্যাট্রিবিউটের মান। ব্যবহারকারী এটি একটি নতুন স্ট্রিংতে সেট করতে পারেন।

সিনট্যাক্স

স্ট্রিং মান ফেরত দেওয়া

inputDateObject.value

value অ্যাট্রিবিউট সেট করা

inputDateObject.value = 'String'

উদাহরণ

নিচে Input Date value প্রোপার্টির একটি উদাহরণ দেওয়া হলো:

<!DOCTYPE html> <html> <head> <title>Input Date Value</title> </head> <body> 
<form> 
  <div> Calendar: <input type="date" id="dateSelect" value="2015-08-22"> </div> 
</form> 
<button onclick="changeValue()">Change Value</button> 
<div id="divDisplay"></div> 
<script> 
  var divDisplay = document.getElementById("divDisplay"); 
  var inputDate = document.getElementById("dateSelect"); 
  divDisplay.textContent = 'Current value: '+ inputDate.value; 
  function changeValue(){ 
    var currDate = inputDate.value; 
    inputDate.value = '1968-02-27'; 
    divDisplay.textContent = 'Updated value from: '+currDate+' to: '+ inputDate.value; 
  } 
</script> </body> </html>

আউটপুট

উপরের কোড নিচের আউটপুটটি উত্পন্ন করবে:

'Change Value' বাটনে ক্লিক করার আগে:

HTML DOM Input Date value প্রোপার্টি

'Change Value' বাটনে ক্লিক করার পর:

HTML DOM Input Date value প্রোপার্টি

  1. HTML DOM Input Text value প্রপার্টি

  2. HTML DOM Input Email value প্রপার্টি

  3. HTML DOM Input Time value প্রপার্টি

  4. HTML DOM Input URL value প্রপার্টি