利用div实现邮件收件人的输入框

本文固定链接：http://www.verydemo.com/demo_c104_i23143.html

邮件的收件人输入框可以选择多人也可以自己输入，其实现原理是span+input或div+input 。

大致样式如下（若不设置tabindex=-1属性，onkeydown事件对div层无效）：

<div id="address">

<span name="select" onkeydown="delUserName(this)"></span>

<input type="text" id="input" onkeydown="resetAccount()">

</div>

<script type="text/javascript">

<!--

当点击name="select"的层时，层的背景色变蓝，字的颜色变成白色，

其余未被点击的层恢复为背景白色，字黑色

-->

<!--

当按backspace键时，被选中的层被删除，event.returnValue = false的作用是，禁止按下backspace键时，网页回退

-->