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>
    

      

  • 相关阅读:
    GAMBIT、ICEM、HYPERMESH耦合面的处理方法
    如何用hypermesh生成包含interface的流体网格
    python求数字位数的方法
    drawPython
    Python入门计划
    书法与篆刻创作结课
    易忽视的Python知识点
    Ubuntu中,wxpython的TextCtrl引发的error:_pixman_log_error
    在Ubuntu15.10中,使用wxPython的webview和JS进行交互
    PyCharm导入tensorflow包
  • 原文地址:https://www.cnblogs.com/shenq/p/5018670.html
Copyright © 2011-2022 走看看