是否可以将span作为文本输入字段的值放置?
我正在为一个网站制作一个邮件系统,并且想要一个漂亮的接收器输入字段,其中包含添加的接收器并添加到输入文本字段的值.目前我使用单独的“添加字段”,同时在span-container中显示添加的接收器.我想将这些字段合并到一起.就像常规电子邮件软件中的任何输入字段一样.
帮助将非常感谢!提前致谢!
最佳答案
简答:不,你不能包括< span />在< input />内
你有几个选择.您可以使用javascript来模拟电子邮件收件人:字段等行为.例如.听取按键操作并在a之后处理退格键等操作.
另一种选择是使列表像文本框一样出现(css样式).有最后一个< li />包含已清除样式的文本框.每次用户添加新电子邮件,然后插入新的< li />在文本框之前.
例如.
HTML:
Box">
CSS:
.email-textBox {
background-color: #fff;
border: 1px solid #ccc;
padding: 2px 4px;
}
.email-textBox li {
display: inline-block;
list-style: none;
margin-left: 5px;
}
.email-textBox input {
background: none;
border: none;
}
javascript(jQuery,可以改为vanilla)
$(function () {
$('.email-textBox').find('input').focus();
});
你需要扩展这个javascript以包含一个按键处理程序等,但它提供了一般的想法.
演示:http://jsfiddle.net/UeTDw/1/
任何选项都需要一些javascript.
如果你可以使用jQuery,你可以查看jQuery UI autocomplete
原文地址:https://www.jb51.cc/html/426706.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。