Bloquear caja de texto en HTML

Bienvenidos a VerTutoriales.com en esta ocasión vamos a resolver la duda de un compañero de esta comunidad de formación. ¿Cómo bloquear una caja de texto en HTML? En este caso tenemos dos opciones dependiendo de la necesidad, veamos.

La primera es bloquear la caja y ponerla en modo solo lectura

<input type=”text” readonly=”readonly” />

De esta forma se bloquearía la caja de manera que no pudiera escribirse en ella, ni modificarse ni nada, simplemente mostraría la información de forma estandar.

La siguiente es poniendo como deshabilitada la caja

<input type=”text” disabled=”disabled” />

La única pega es que saldrá en grisacea.

Ya elegís cual es la manera que más se adapta a vuestra necesidad para bloquear la caja de texto.

Un saludo!

 

Te puede interesar:

8 comentarios

  • À commented on 14 octubre, 2012 Reply

    Vaya ! que me ha servido de mucho ^^
    muchas gracias =D
    me voy a dar una paseada por la pagina que esta muy buena

    • VideoTutoriales commented on 16 octubre, 2012 Reply

      Nada, si tienes cualquier duda sobre HTML, ya sabes que puedes comentarla para que te ayudemos a solucionarla.

  • Miguel Angel commented on 17 abril, 2013 Reply

    Como puedo hacer que un usuario al loguearse solo pueda ver los datos suyos, es decir tengo una base de datos con dos tablas una para el registro de usuario y otra donde pongo varios datos segun su municipio y enseñanza, yo quiero que cuando el usuario se loguee si es de digamos Matanzas, solo pueda ver y modificar los datos de Matanzas

    • VideoTutoriales commented on 18 abril, 2013 Reply

      Buenos Miguel Angel

      Pues tendrás que relacionar la tabla de usuarios, en este caso con “Municipio” o “Enseñanza” y en la tabla de información. Es decir, supongamos que tenemos la tabla “Usuarios” que tiene entre otros datos el campo población, además, tenemos otra tabla que se llama “Cursos” y tiene también el campo “Población” de esta manera podrás relacionar ambas tablas y hacer la consulta de la siguiente manera:

      Al logarse el usuario, sabemos que pertenece a una población en concreto. Solo tendremos que realizar una consulta tomando como dato la población del usuario:

      ‘Select * From Cursos WHERE poblacion = “‘.$poblacion_usuario.'”‘;

      Donde $poblacion_usuario es la variable donde hemos guardado la población en una consulta anterior cuando el usuario se había logado.

      Espero que me haya explicado para que puedas usarlo.
      Un saludo!

  • nosferomon commented on 26 junio, 2017 Reply

    excelnte ayuda, apesar del año sigue funcionando, gracias =D

    • Carlos Dk commented on 13 julio, 2017 Reply

      Hay cosas que no cambian :p

  • dayana commented on 25 julio, 2017 Reply

    muy bueno pero necesito enviar valores de un input desabilitado como lo hago disabled no me permite

    • Carlos Dk commented on 1 agosto, 2017 Reply

      no tiene que ver que esté disabled o enabled, la información que tenga la caja sigue siendo la misma 🙂

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *