QuYunFeng-share
/
H5新增标签.html

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title></title>
		   <script type="text/javascript">
            function allowDrop(ev){
            	alert("准备拖动了");
            }
            function drag(ev){
               alert("拖动了");
            }

        </script>
	</head>
	<body>
		 <details>
                <summary>黄浦江大桥</summary>
                <ul>
                    <li>松浦大桥</li>
                    <li>松浦大桥</li>
                    <li>松浦大桥</li>
                    <li>松浦大桥</li>
                    <li>松浦大桥</li>
                    <li>松浦大桥</li>
                    <li>松浦大桥</li>
                    <li>松浦大桥</li>
                    <li>松浦大桥</li>
                    <li>松浦大桥</li>
                </ul>
            </details>
       <!--+++++++++++++++++++++++++++++++++++++-->
             <select>
                <optgroup label="java" <!--disabled-->>
                    <option value="">java1</option>
                    <option value="">java2</option>
                </optgroup>
                <optgroup label="web">
                    <option value="">web1</option>
                    <option value="">web2</option>
                </optgroup>
          <!-------------------------------------------->
           <input list="datalist1">
             <datalist id="datalist1">
                 <option value="web">web</option>
                 <option value="ios">ios</option>
                 <option value="java">java</option>
                 <option value="sql">sql</option>
                 <option value=".net">.net</option>
                 <option value="andrior">andrior</option>
             </datalist>
             <!--+++++++++++++++++++-->
           <div class="box" contextmenu="myMenu">
            <p>点击鼠标右键会出现上下文</p>
            <menu type="context" id="myMenu">
                <menuitem label="refresh" onclick="window.location.reload()"></menuitem>
                <menu type="context" label="超级链接">
                    <menuitem label="百度" onclick="window.location.href='www.baidu.com'"></menuitem>
                </menu>
            </menu>
           </div>
           <!--================-->
           <div ondrop="drop(event)" ondragover="allowDrop(event)">
            <img src="#" draggable="true" ondragstart="drag(event)">
           </div>
	</body>
</html>