HTML DOM Input Text type প্রপার্টি

HTML DOM Input Text type প্রপার্টি ইনপুট টেক্সট এলিমেন্টের টাইপ (type) ফেরত দেয় বা সেট করে।

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

স্ট্রিং মান পাওয়ার জন্য (Returning string value)

inputTextObject.type

টাইপ স্ট্রিং মান সেট করার জন্য (Setting type to string value)

inputTextObject.type = stringValue

স্ট্রিং মান (String Values)

এখানে "stringValue" নিম্নলিখিত موارد হতে পারে:

stringValue	বিবরণ
email	ইনপুট টাইপ ইমেইল বলে সংজ্ঞায়িত করে
text	ইনপুট টাইপ টেক্সট বলে সংজ্ঞায়িত করে
radio	ইনপুট টাইপ রেডিও বলে সংজ্ঞায়িত করে
tel	ইনপুট টাইপ টেল (ফোন নম্বর) বলে সংজ্ঞায়িত করে এবং নম্বর কিপ্যাড দেখায়

উদাহরণ (Example)

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

<!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>

আউটপুট (Output)

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

'What to enter?' বাটনে ক্লিক করার আগে:

HTML DOM Input Text type প্রপার্টি

'What to enter?' বাটনে ক্লিক করার পর:

HTML DOM Input Text type প্রপার্টি