HTML DOM Input Time name প্রপার্টি

HTML DOM Input Time name প্রপার্টি একটি স্ট্রিং ফেরত দেয়, যা ইনপুট টাইম এলিমেন্টের name অ্যাট্রিবিউটের মান প্রদর্শন করে। ব্যবহারকারী এটি নতুন স্ট্রিংয়ে সেটও করতে পারেন।

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

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

inputTimeObject.name

name অ্যাট্রিবিউটে স্ট্রিং মান সেট করার জন্য (Setting name attribute to a string value)

inputTimeObject.name = 'String'

উদাহরণ (Example)

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

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

আউটপুট (Output)

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

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

'Book at Dorcel's' বাটনে ক্লিক করার পর:

নেম অ্যাট্রিবিউট অন্য নামে সেট থাকা অবস্থায় 'Confirm' বাটনে ক্লিক করলে: