एचटीएमएल डोम इनपुट समय नाम संपत्ति

<घंटा/>

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>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा -

'पुष्टि करें' clicking क्लिक करने के बाद बटन -

एचटीएमएल डोम इनपुट समय नाम संपत्ति

‘Doorcel’s पर बुक करें’ . पर क्लिक करने के बाद बटन -

एचटीएमएल डोम इनपुट समय नाम संपत्ति

'पुष्टि करें' clicking क्लिक करने के बाद नाम विशेषता वाला बटन दूसरे नाम पर सेट है -

एचटीएमएल डोम इनपुट समय नाम संपत्ति