HTML | DOM Input Submit свойство defaultvalue

Опубликовано: 26 Февраля, 2022

Свойство Input Submit defaultValue в HTML DOM используется для установки или возврата значения по умолчанию для поля отправки. Это свойство используется для отражения атрибута значения HTML. Основное различие между значением по умолчанию и значением заключается в том, что значение по умолчанию указывает значение по умолчанию, а значение содержит текущее значение после внесения некоторых изменений. Это свойство полезно, чтобы узнать, было ли изменено поле «Дата».
Синтаксис:

  • Он используется для возврата свойства defaultValue.
 submitObject.defaultValue
  • Он используется для установки свойства defaultValue.
 submitObject.defaultValue = значение

Property Values: It contains single property value value which defines the default value for Input submit field.
Return Value: It returns a string value which represent the default value of the Input submit field.
Example 1: This example illustrates how to return Input submit defaultValue Property.
 

html

<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML DOM Input Submit defaultvalue Property
    </title>
</head>
 
<bodystyle="text-align:center;">
    <h1>
        GeeksForGeeks
    </h1>
    <h2>
        HTML DOM Input Submit defaultvalue Property
    </h2>
     
    <input type = "submit" id = "Geeks"
            value = "Submit @ geeksforgeeks">
     
<p>
        click on below button to return the Property
    </p>
  
    <button onclick = "myGeeks()">
        Click Here!
    </button>
     
     
    <p id = "GFG"></p>
  
     
    <!-- Script to return submit value Property -->
    <script>
        function myGeeks() {
            var btn = document.getElementById("Geeks").defaultValue;
            document.getElementById("GFG").innerHTML = btn;
        }
    </script>
</body>
 
</html>

Выход:

  • Перед нажатием кнопки:

  • После нажатия кнопки:

Example 2: This example illustrates how to set Input submit defaultValue Property. 
 

html

<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML DOM Input Submit defaultvalue Property
    </title>
</head>
 
<bodystyle="text-align:center;">
    <h1>
        GeeksForGeeks
    </h1>
    <h2>
        HTML DOM Input Submit defaultvalue Property
    </h2>
     
    <input type = "submit" id = "Geeks"
            value = "Submit @ geeksforgeeks">
             
     
<p>
        click on below button
        to set the Property
    </p>
 
     
    <button onclick = "myGeeks()">
        Click Here!
    </button>
     
    <p id = "GFG"></p>
  
     
    <!-- Script to return submit value Property -->
    <script>
        function myGeeks() {
            var btn = document.getElementById("Geeks"
                    ).defaultValue ="GeeksforGeeks";
             
            document.getElementById("GFG").innerHTML
                    = btn;
        }
    </script>
</body>
 
</html>

Выход:

  • Перед нажатием кнопки:

  • После нажатия кнопки:

Поддерживаемые браузеры: браузеры, поддерживаемые свойством DOM Input Submit defaultValue , перечислены ниже:

  • Гугл Хром
  • Internet Explorer
  • Fire Fox
  • Apple Safari
  • Опера