কম্পিউটার

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


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

সিনট্যাক্স

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

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

উদাহরণ

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

<!DOCTYPE html>
<html>
<head>
<title>Input Time name</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-name</legend>
<label for="TimeSelect">Appointment at Stephan:</label>
<input type="time" name="Stephan" id="TimeSelect" value="18:00">

<input type="button" onclick="changeMeeting()" value="Confirm">
<input type="button" onclick="changeName()" value="Book at Dorcel's">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var labelDisplay = document.getElementsByTagName("label")[0];
   var divDisplay = document.getElementById("divDisplay");
   var inputTime = document.getElementById("TimeSelect");
   function changeMeeting() {
      if(inputTime.name === 'Stephan')
            divDisplay.textContent = 'Stephan Hospital is closed today';
      else
         divDisplay.textContent = 'Appointment at Dorcel Hospital fixed at: '+inputTime.value;
   }
   function changeName(){
      inputTime.name = 'Dorcel';
      labelDisplay.textContent = 'Appointment at '+inputTime.name+': ';
   }
</script>
</body>
</html>

আউটপুট

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

তৈরি করবে

'নিশ্চিত করুন' ক্লিক করার পরে৷ বোতাম -

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

'Book at Dorcel's' এ ক্লিক করার পর বোতাম -

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

'নিশ্চিত করুন' ক্লিক করার পরে৷ নামের বৈশিষ্ট্য সহ বোতামটি অন্য নামে সেট করুন −

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


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

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

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

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