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

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

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

 <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>

这里使用了js的失去焦点时间。
比如在一个input 中

然后

function test(){ 把他缩进; }

就可以了

这里使用了js的失去焦点事件。
比如在一个input 中

然后

function test(){ 把他缩进; }

就可以了

这里使用了js的失去焦点事件。
比如在一个input 中

```





然后

<br> function test(){<br> 把他缩进;<br> }<br>





就可以了