Temas > Programacion > Java script - Java > Controles FORM, BUTTON y TEXT en java script
Julio

Controles FORM, BUTTON y TEXT
Hasta ahora hemos visto como crear un formulario con controles de tipo
BUTTON. Agregamos un control de tipo TEXT (permite al usuario introducir
caracteres por teclado).
Ahora veremos la importancia de definir un NAME a todo control de un
formulario.
Ejemplo: Confeccionar un formulario que permita ingresar el nombre y edad
de una persona:
<?php //esto no va
<html>
<head></head>
<body>
<script language="JavaScript">
function mostrar()
{
  var nom=document.form1.nombre.value;
  var ed=document.form1.edad.value;
  alert(`Ingreso el nombre:` + nom);
  alert(`Y la edad:` + ed);
}
</script>
<form name="form1">
  Ingrese su nombre:
  <input type="text" name="nombre"><br>
  Ingrese su edad:
  <input type="text" name="edad"><br>
  <input type="button" value="Confirmar" onClick="mostrar()">
</form>
</body>
</html>
?>//esto no va
En este problema tenemos cuatro controles: 1 FORM, 1 BUTTON, 2 TEXT. El
evento que se dispara al presionar el botón se llama mostrar.
La función `mostrar` accede a los contenidos de los dos controles de tipo
TEXT:
<?php //esto no va
var nom=document.form1.nombre.value;
var ed=document.form1.edad.value;
?>//esto no va
Para hacer más clara la función guardamos en dos variables auxiliares los
contenidos de los controles de tipo TEXT. Hay que tener en cuenta que a
nuestra página la accedemos por medio del objeto: document, luego, al
formulario que hemos creado, lo accedemos por el NAME que le dimos al
formulario, en este caso: form1, luego, a cada control que contiene el
formulario, lo accedemos nuevamento por su NAME, es decir: nombre y edad
respectivamente. Por último, para acceder a las
cadenas cargadas debemos indicar la propiedad value.













¿Has olviado tu contraseña?

Pulsa aquí para registrate




Google




LunMarMieJueVieSabDom
      1
2345678
9101112131415
16171819202122
23242526 272829
30      

Viernes 27 de Junio 2025
Semana 26

..............................................................................................................................................................................................................................................
(Contacto)..
Esta web utiliza cookies para obtener datos estadísticos de la navegación de sus usuarios. Política de privacidad y Aviso legal
Rechazar    Aceptar