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

Deshabilitar un campo del formulario

Escrito por J.F. el Wednesday, 25 de July 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:

Comentarios (7)

Categoria: Javascript

7 Comentarios

Entradas relacionadas


Comentario de jacin

Realizado el Wednesday, 25 de July del 2007 a las 21:15

No es lo mismo que el Disabled??

Comentario de J.F.

Realizado el Thursday, 26 de July 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 Friday, 20 de June del 2008 a las 22:51

Muchas Gracias por su ayuda

Comentario de Raul

Realizado el Thursday, 29 de October del 2009 a las 15:50

simple, asi nada mas, super bueno, mejor que disable.
muchas gracias

Comentario de lenin enriquez

Realizado el Thursday, 21 de January del 2010 a las 15:23

Amigo como hago para desbloquearlo ya que su codigo si me funciona ahora quiero dar click en un boton y que se me desbloquee y pueda escribir

Comentario de lehernandezs

Realizado el Thursday, 5 de January del 2012 a las 20:20

disable se utiliza para no permitir que se escriba en un campo de un formulario, si tratas de enviar esa información por un post el no te la va a recibir, lo envía en blanco, es decir vació.

la función onfocus=”this.blur()” sirve para no permitir que se escriba en un campo, pero si se puede enviar la información y es muy útil a la hora de crear teclados en la web para obligar al usuario a que escriba su contraseña por este medio, por el problema de los keyloger, que guardan las pulsaciones que damos en el teclado de nuestra PC.

muchas gracias por esta información, ya lo he probado y es de mucha utilidad.

Comentario de armando

Realizado el Thursday, 10 de May del 2012 a las 4:56

Gracias por este tip. De acuerdo contigo hernandez, el onblur es mucho mas útil que el disabled. Impide su modificacion y a la vez es tomado por el POST.

Escribir un comentario

Puedes usar las siguientes etiquetas HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <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 |