কম্পিউটার

HTML DOM ইনপুট সময় মান সম্পত্তি


HTML DOM ইনপুট সময় মান বৈশিষ্ট্য একটি স্ট্রিং প্রদান করে, যা ইনপুট সময়ের মান বৈশিষ্ট্যের মান। ব্যবহারকারী এটিকে একটি নতুন স্ট্রিং-এ সেট করতে পারেন৷

সিনট্যাক্স

নিচের সিনট্যাক্স −

  • রিটার্নিং স্ট্রিং মান
inputTimeObject.value
  • সেটিং মান একটি স্ট্রিং মানের বৈশিষ্ট্য
inputTimeObject.value = ‘String’

উদাহরণ

আসুন ইনপুট টাইম ভ্যালু এর একটি উদাহরণ দেখি সম্পত্তি -

<!DOCTYPE html>
<html>
<head>
<title>Input Time value</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>
<fieldset>
<legend>Time-value</legend>
<label for="TimeSelect">Time: </label>
<input type="time" id="TimeSelect" value="00:00">
<input type="button" onclick="checkForGuess()" value="Guess">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputTime = document.getElementById("TimeSelect");
   divDisplay.textContent = 'Guess at what time is the event?';
   function checkForGuess() {
      if (inputTime.value === '18:30')
         divDisplay.textContent = 'Yes you guessed it right. The event starts at '+inputTime.value;
      else
         divDisplay.textContent = 'No you guessed it wrong. Have a go again';
   }
</script>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

'অনুমান করুন' ক্লিক করা হচ্ছে৷ ভুল সময় সহ বোতাম -

HTML DOM ইনপুট সময় মান সম্পত্তি

'অনুমান করুন' ক্লিক করা হচ্ছে৷ সঠিক সময় সহ বোতাম -

HTML DOM ইনপুট সময় মান সম্পত্তি


  1. HTML DOM ইনপুট সময় ডিফল্ট ভ্যালু প্রপার্টি

  2. HTML DOM ইনপুট সময় অটোফোকাস বৈশিষ্ট্য

  3. HTML DOM ইনপুট টাইপ টাইপ প্রপার্টি

  4. HTML DOM ইনপুট টাইম স্টেপ প্রপার্টি