La propiedad de nombre Input DatetimeLocal se utiliza para establecer o devolver el valor del atributo de nombre de un campo datetimeLocal.
Los datos del formulario que se han enviado al servidor se pueden identificar mediante el atributo de nombre. El atributo de nombre también se usa para hacer referencia a los datos del formulario en el lado del cliente usando Javascript.
Sintaxis:
- Para devolver la propiedad de nombre:
datetimelocalObject.name
- Para establecer la propiedad de nombre:
datetimelocalObject.name = name
El valor de la propiedad
- name: Se utiliza para especificar el nombre del campo datetimeLocal.
Valor devuelto: Devuelve un valor de string, que representa el nombre del campo de fecha y hora local
El siguiente programa ilustra la propiedad del nombre DatetimeLocal:
Ejemplo: Obtener el nombre de un campo datetimeLocal.
html
<!DOCTYPE html>
<html>
<head>
<title>
Input DatetimeLocal name 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 name Property
</h2>
<br> Date of Birth:
<input type="datetime-local"
id="Test_DatetimeLocal"
name="DOB">
<p>To display the value of the name
attribute of the datetimeLocal
field, double-click the
"Return Name" button.
</p>
<button ondblclick="My_DatetimeLocal()">
Return Name
</button>
<p id="test"></p>
<script>
function My_DatetimeLocal() {
var n = document.getElementById(
"Test_DatetimeLocal").name;
document.getElementById(
"test").innerHTML = n;
}
</script>
</body>
</html>
Salida:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Nota : el elemento <input type=”datetime-local”> no muestra ningún campo/calendario de fecha y hora en Firefox.
Navegadores compatibles:
- safari de manzana
- explorador de Internet
- Firefox
- Google Chrome
- Ópera
Publicación traducida automáticamente
Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA