website stats » Deshabilitar un campo del formulario | Solo Código |

Deshabilitar un campo del formulario

Escrito por J.F. el Miércoles, 25 de Julio del 2007 a las 20:10

En alguna ocasión puede que éste truco nos resulte útil. Por ejemplo, en una caja de texto, en la cual queremos dejar un valor fijo y no queremos que pueda ser modificado por el usuario. Podemos gracias a los eventos onFocus y onBlur de Javascript conseguir éste efecto. Si esperas una función o un trozo de código largo te equivocas, es tan simple como ésto:

HTML:
  1. <form name="formulario">
  2. <input type="text" value="Informatica Practica" onfocus="this.blur()">
  3. </form>

De ésta manera lo que hacemos es que cuando el usuario intenta fijar el fojo en la caja, ésto no es permitido, gracias a la función blur(). Aquí mismo tienes el ejemplo:

Categoria: Javascript

3 Comentarios

Entradas relacionadas


Comentario de jacin

Realizado el Miércoles, 25 de Julio del 2007 a las 21:15

No es lo mismo que el Disabled??

Comentario de J.F.

Realizado el Jueves, 26 de Julio del 2007 a las 9:00

Siempre hay más de una forma para hacer las cosas. Quizás en éste caso sea más simple el disabled, pero puede que el ejemplo valga para aplicarlo en otro ámbito. Saludos.

Comentario de Carlos Felipe Angel G.

Realizado el Viernes, 20 de Junio del 2008 a las 22:51

Muchas Gracias por su ayuda

Escribir un comentario

Puedes usar las siguientes etiquetas HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Solo Código

Solo Código es una colección de códigos de todo tipo que pueden resultar útiles para el diseño de páginas web. Está enfocado tanto para aquellos que son expertos, como para aquellos principiantes que quieren encontrar recursos útiles, o no saben implementar determinadas funciones en sus webs. No olvides que Solo Código es un blog de Informática Práctica, donde tenemos otras secciones interesantes como:
| Tutoriales | Trucos | Software | Links | Buscar |