La propiedad de nombre de botón de entrada DOM en HTML DOM se utiliza para establecer o devolver el valor del atributo de nombre de un campo de botón . El atributo de nombre es obligatorio para cada campo de entrada. Si el atributo de nombre no se especifica en un campo de entrada, los datos de ese campo no se enviarán en absoluto.
Sintaxis:
- Devuelve la propiedad de nombre del botón de entrada.
buttonObject.name
- Se utiliza para establecer la propiedad del nombre del botón de entrada.
buttonObject.name = name
Valores de propiedad: contiene un nombre de valor único que define el nombre del campo Botón.
Valor devuelto: Devuelve un valor de string que representa el nombre del campo Botón.
Ejemplo 1: este ejemplo ilustra cómo devolver la propiedad de nombre del botón de entrada.
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color: green;
}
</style>
</head>
<body style="text-align:center;">
<h1>GeeksForGeeks</h1>
<h2>
DOM Input Button name Property
</h2>
<!-- Assigning button id -->
<input type="button"
id="GFG"
onclick="myGeeks()"
name="Geek_button"
value="Submit">
<p id="sudo"
style="color:green;
font-size:25px;">
</p>
<script>
function myGeeks() {
// accessing 'button' id.
var g =
document.getElementById(
"GFG").name;
document.getElementById(
"sudo").innerHTML = g;
}
</script>
</body>
</html>
Salida:
antes de hacer clic en el botón:
Después de hacer clic en el botón:
Ejemplo-2: Este ejemplo ilustra cómo establecer la propiedad.
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color: green;
}
</style>
</head>
<body style="text-align:center;">
<h1>GeeksForGeeks</h1>
<h2>
DOM Input Button name Property
</h2>
<!-- Assigning button id -->
<input type="button"
id="GFG"
onclick="myGeeks()"
name="Geek_button"
value="Submit">
<p id="sudo"
style="color:green;
font-size:25px;">
</p>
<script>
function myGeeks() {
// accessing 'button' id.
var g =
document.getElementById(
"GFG").name = "Hello Geeks";
document.getElementById(
"sudo").innerHTML =
"The value of the name attribute"+
" was changed to " + g;
}
</script>
</body>
</html>
Salida:
antes de hacer clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles: los navegadores compatibles con la propiedad de nombre del botón de entrada DOM se enumeran a continuación:
- Google Chrome
- Internet Explorer 10.0 +
- 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