No permitir arrastrar datos a un campo

Facebook
Twitter
LinkedIn
WhatsApp
No permitir arrastrar datos a un campo

Table of Contents

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

Facebook
Twitter
LinkedIn

Deja un comentario

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

Scroll al inicio