El propósito de este artículo es cambiar el tipo de HTML <input> . Javascript proporciona la opción document.getElementById() .type para cambiar el tipo de campo de entrada.
Sintaxis:
- El tipo de entrada seleccionado cambiará a texto.
document.getElementById("id_of_tag_to_be_changed").type="text"; - El tipo de entrada seleccionado cambiará a un botón.
document.getElementById("id_of_tag_to_be_changed").type="button"; - El tipo de entrada seleccionado cambiará a una fecha.
document.getElementById("id_of_tag_to_be_changed").type="date";
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<body>
<p>
Please click on Button2 to see the type
of Button1 change from button to text
</p>
<input
id="inputfield1"
type="button"
value="Input1"
onclick="alert('I am Input1 click on Input2 to see me change my type')"/>
<input
id="inputfield2"
type="button"
value="Input2"
onclick="typeChanger()"/>
</body>
<script>
function typeChanger() {
alert("The type of Input1 will now change from button to text");
document.getElementById("inputfield1").type = "text";
}
</script>
</html>
Producción:
Entrada de texto
Nota: algunos navegadores antiguos no permiten un cambio dinámico en el tipo de campos de entrada.
Publicación traducida automáticamente
Artículo escrito por anshubajaj911 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA