此网站的标签功能怎么做？如何做到回车后就缩进了？

Question

我提问问题时，在标签栏输入标签后，回车，怎么就缩进了？如何用javascript实现？

Answer 1

判断回车键就用输入的内容创建一个标签，同时清空输入框内容

 <style>
#tag a{margin-right:10px;color:blue;border:dotted 1px blue;cursor:pointer}</style>
<span id="tag"></span><input type="text" onkeydown="addTag(event,this)" />
<script type="text/javascript">
    function addTag(e, o) {
        if (e.keyCode == 13 && o.value != '') {
            var a = document.createElement('a');
            a.innerHTML = o.value + ' x';
            a.onclick = function () { this.onclick = null; document.getElementById('tag').removeChild(this); };
            document.getElementById('tag').appendChild(a);
            o.value = '';
        }
    }
</script>