每天一点新知识!

今天学了一个HTML5,挺喜欢里面的下拉列表，代码是这样：

<input list="one"/>
<datalist id="one">
    <option value="one">
    <option value="two">
    <option value="three">
</datalist>

还有拖拽事件：

<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
<div><p id="drag1" draggable="true" ondragstart="drag(event)">Move Me</p> </div>

<script type="text/javascript">
    function allowDrop(ev){
        ev.preventDefault();
    }
    function drag(e){
        e.dataTransfer.setData("Text",e.target.id);
    }
    function drop(e){
        var data = e.dataTransfer.getData("Text");
        e.target.appendChild(document.getElementById(data));
        e.preventDefault();
    }
</script>

 

每天累积一点新的知识，以后会越来越好。