Saltar al contenido
Lacodigoteca.com

No permitir arrastrar datos a un campo

No permitir arrastrar datos a un campo

Para no permitir arrastras datos a un campo, vamos a utilizar el atributo draggable. El verbo drag en inglés significa «arrastrar», por lo que draggable lo traduciremos como elemento «arrastrable».

El atributo draggable, es nuevo en HTML5. Por defecto, los enlaces y las imágenes son arrastrables (o draggables).

La principal función del atributo draggable es arrastrar y soltar.

Podemos añadir 3 valores al atributo draggable:

  • true (Sí permitimos arrastrar)
  • false (No permitimos arrastrar)
  • auto (Por defecto, sí permitimos arrastrar)

<!DOCTYPE HTML>
<html>
    <head>
        <style>
        input{
        height:150px;
        width:600px;
        font-size:18pt;
        background-color:#00a5e4;
        }
        </style>
    </head>
    <body>
        <input type="text"/>
        <br>
        <a href="javascript:alert('Lacodigoteca.com')" draggable="false">Lacodigoteca.com</a>
    </body>
</html>

Tip: Para más información sobre drag y drop os dejo el siguiente enlace
https://www.w3schools.com/html/html5_draganddrop.asp

Configuración
A %d blogueros les gusta esto: