কম্পিউটার

HTML DOM ইনপুট টেক্সট টাইপ প্রপার্টি


HTML DOM ইনপুট টেক্সট টাইপ প্রপার্টি রিটার্ন করে/সেট টাইপ ইনপুট টেক্সট।

সিনট্যাক্স

নিম্নলিখিত সিনট্যাক্স −

  • রিটার্নিং স্ট্রিং মান
inputTextObject.type
  • স্ট্রিং মান টাইপ সেট করা
inputTextObject.type = stringValue

স্ট্রিং মান

এখানে, “stringValue” নিম্নলিখিত −

হতে পারে
stringValue বিশদ বিবরণ
ইমেল এটি সংজ্ঞায়িত করে যে ইনপুট প্রকার ইমেল
পাঠ্য এটি সংজ্ঞায়িত করে যে ইনপুট প্রকারটি পাঠ্য
রেডিও এটি সংজ্ঞায়িত করে যে ইনপুট টাইপ হল রেডিও
tel এটি সংজ্ঞায়িত করে যে ইনপুট টাইপ হল টেল এবং ইনপুটের জন্য একটি নম্বর কীপ্যাড দেখানো হয়

উদাহরণ

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

<!DOCTYPE html>
<html>
<head>
<title>Input Text type</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>Text-type</legend>
<label for="TextSelect"></label>
<input type="text" id="TextSelect" >
<input type="button" onclick="getTypeOfInput()" value="What to enter?">
</fieldset>
</form>
<script>
   var labelSelect = document.querySelector("label");
   var inputText = document.getElementById("TextSelect");
   function getTypeOfInput() {
      labelSelect.innerHTML = ' Plain '+inputText.type+': ';
   }
</script>
</body>
</html>

আউটপুট

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

তৈরি করবে

'কী লিখতে হবে?' ক্লিক করার আগে৷ বোতাম -

HTML DOM ইনপুট টেক্সট টাইপ প্রপার্টি

'কি লিখতে হবে?' ক্লিক করার পর৷ বোতাম -

HTML DOM ইনপুট টেক্সট টাইপ প্রপার্টি


  1. HTML DOM ইনপুট টেক্সট অটোফোকাস প্রপার্টি

  2. HTML DOM ইনপুট পাঠ্য স্বয়ংসম্পূর্ণ সম্পত্তি

  3. এইচটিএমএল ডোম ইনপুট জমা টাইপ সম্পত্তি

  4. HTML DOM ইনপুট পাঠ্য প্রয়োজনীয় সম্পত্তি