HTML DOM Entrada DatetimeLocal lista Propiedad

La propiedad de lista de entrada DateTimeLocal en HTML DOM se usa para devolver una referencia al elemento de lista que contiene un campo de entrada datetimelocal.

Sintaxis:

DatetimelocalObject.list.id

Valor de retorno: Devuelve un valor de string que representa el valor del atributo id del elemento datalist.

Ejemplo 2: a continuación, el código HTML devuelve la propiedad de lista DateTimeLocal de entrada. 

HTML

<!DOCTYPE html>
<html>
<head>
    <title>
      Input DatetimeLocal list Property in HTML
      </title>
    <style>
        h1 {
            color: green;
        }
        h2 {
            font-family: Impact;
        }
        body {
            text-align: center;
        }
    </style>
</head>
<body>
    <h1>GeeksforGeeks</h1>
    <h2>Input DatetimeLocal list Property</h2>
    <br> Date Of Birth:
    <input type="datetime-local" 
        list="DateTimeLocal_list" 
        id="Test_DatetimeLocal">
    <datalist id="DateTimeLocal_list">
        <option value="2019-02-04T12:32:20.51">
        <option value="2019-02-04T12:32:20.51">
        <option value="2019-02-04T12:32:20.51">
        <option value="2019-02-04T12:32:20.51">
    </datalist><br><br>
    <br>
    <button ondblclick="My_DatetimeLocal()">
      Return
      </button>
    <p id="test" style="color:green;font-size:25px">
      </p>
  
    <script>
        function My_DatetimeLocal() {
            var x = document.getElementById("Test_DatetimeLocal").list.id;
            document.getElementById("test").innerHTML = x;
        }
    </script>
</body>
</html>

Producción:

 

Navegadores compatibles:

  • Google Chrome
  • Borde
  • Mozilla Firefox
  • Ópera
  • Safari

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *