html输入邮箱的文本框,利用div实现邮件收件人的输入框

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

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

functionhighLight(obj) {

varspans = $(obj).siblings();

spans.each(function() {

$(this).css({"background":"#FFFFFF","color":"#000000"});

});

$(obj).css({"background":"#3399FF","color":"#FFFFFF"});

}

function delUserName(obj) {

varcode=event.keyCode || e.which;

if(code== 8) {

$(obj).remove();

if(event.srcElement.tagName.toLowerCase() == "span") {

event.returnValue=false;

}

}

}

其中id="address"的div就是输入框，只不过该div的样式需要修改成输入框的样式，当选人时动态生成name="select"的层：var span = $("" + name + ";");，并将name="select"的层放置在元素前：$("#input").before(span);。当用户自己输入时，即在元素中输入即可。