zoukankan      html  css  js  c++  java
  • HTML5新属性

    1.contenteditable 属性指定元素内容是否可编辑。

    注意: 当元素中没有设置 contenteditable 属性时,元素将从父元素继承。

    所有主流浏览器都支持 contenteditable 属性

    语法

    <element contenteditable="true|false">
    <!DOCTYPE html>
    <html>
    <body>
    
    <p contenteditable="true">这是一个段落。是可编辑的。尝试修改文本。</p>
    
    </body>
    </html>
    			
    

     2.draggable 属性规定元素是否可拖动。

    提示: 链接和图像默认是可拖动的。

    提示: draggable 属性经常用于拖放操作。

    语法

    <element draggable="true|false|auto">
    true 规定元素是可拖动的。
    false 规定元素是不可拖动的。
    auto 使用浏览器的默认特性。
    <!DOCTYPE HTML>
    <html>
    <head>
    <style type="text/css">
    #div1 {350px;height:70px;padding:10px;border:1px solid #aaaaaa;}
    </style>
    <script type="text/javascript">
    function allowDrop(ev){
      ev.preventDefault();
    }
    
    function drag(ev){
      ev.dataTransfer.setData("Text",ev.target.id);
    }
    
    function drop(ev){
      var data=ev.dataTransfer.getData("Text");
      ev.target.appendChild(document.getElementById(data));
      ev.preventDefault();
    }
    </script>
    </head>
    <body>
    
    <div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
    <br />
    <p id="drag1" draggable="true" ondragstart="drag(event)">这是一段可移动的段落。请把该段落拖入上面的矩形。</p>
    
    </body>
    </html>
    

      

  • 相关阅读:
    男人
    获得类的基本信息
    jsoup中selector的用法及作用
    心理学导论 1 心理学在搞什么
    全球最佳50科技站点
    国际专利运营新势力
    关于gridview的那点事。。。
    关于.net的ValidateRequest=false失效
    Sql Server 的DataReader 与 DataSet
    Ubuntu9.10下 php(FastCGI PHPFPM)+Nginx+.........
  • 原文地址:https://www.cnblogs.com/shenq/p/5018670.html
Copyright © 2011-2022 走看看