एचटीएमएल डोम इनपुट फ़ाइल ऑटोफोकस संपत्ति अपलोड करें

<घंटा/>

HTML DOM इनपुट फ़ाइल अपलोड ऑटोफोकस गुण सेट/रिटर्न करता है कि इनपुट फ़ाइल अपलोड प्रारंभिक पृष्ठ लोड पर केंद्रित है या नहीं।

सिंटैक्स

निम्नलिखित वाक्य रचना है -

बूलियन मान लौटाना - सही/गलत

inputFileUploadObject.autofocus

ऑटोफोकस को बूलियनवैल्यू पर सेट करना

inputFileUploadObject.autofocus = booleanValue

बूलियन मान

यहां, “बूलियनवैल्यू” निम्नलिखित हो सकते हैं -

booleanValue	विवरण
सत्य	यह परिभाषित करता है कि पेज लोड होने पर इनपुट ऑटोफोकस्ड होगा।
गलत	यह डिफ़ॉल्ट मान है और इनपुट ऑटोफोकस्ड नहीं है।

उदाहरण

आइए हम इनपुट फ़ाइलअपलोड ऑटोफोकस का एक उदाहरण देखें संपत्ति -

<!DOCTYPE html>
<html>
<head>
<title>Input FileUpload autofocus</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>FileUpload-autofocus</legend>
<label for="FileSelect">Upload:
<input type="file" id="FileSelect" autofocus>
</label><br>
<input type="button" onclick="removeAutofocus()" value="Remove Autofocus">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputFile = document.getElementById("FileSelect");
   divDisplay.textContent = 'Auto Focus:'inputFile.autofocus;
   function removeAutofocus() {
      inputFile.autofocus = false;
      divDisplay.textContent = 'Auto Focus:'inputFile.autofocus;
   }
</script>
</body>
</html>

आउटपुट

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

'ऑटोफोकस निकालें' clicking क्लिक करने से पहले बटन -

एचटीएमएल डोम इनपुट फ़ाइल ऑटोफोकस संपत्ति अपलोड करें

‘ऑटोफोकस निकालें’ . क्लिक करने के बाद बटन -

एचटीएमएल डोम इनपुट फ़ाइल ऑटोफोकस संपत्ति अपलोड करें