文本框里的文字加下划线
文本框里的文字加下划线，
效果图：
每一个名称加下划线和分号，删除的时候是按每个名称删除，而不是一个字符一个字符地删。
如何实现，谢谢！！
[解决办法]
应该就是这样吧！像我们在其他文件里边删除东西也是这样的啊！
[解决办法]
你这下划线用CSS不是能实现么。 价格 underline就行了。
详见这里 http://www.docin.com/p-56329239.html
至于你说的删除的时候 按照名称删除 不是一个个字符删除，不知道你具体是什么意思。
不知道你具体的删除形式如何，什么样的情况给予删除。 这个还是简单的，问题是要弄明白
什么情况删除什么。
[解决办法]
如果你上面的是用户名的话 你可以用很多种形式删除， 比如 把指定的 名称; 替换为空字符一样可以实现。
[解决办法]
[解决办法]
样式就能解决吧
[解决办法]
CSS underline
[解决办法]
比较困难
[解决办法]
其实 这个我做过（好小的DEMO，没事干折腾的）。其实这个东西不是textbox
而是无数个DIV
http://blog.csdn.net/cj205/article/details/6277208
如果想加样式一点问题都没有
[解决办法]
有点麻烦的，帮顶了！
[解决办法]
<a>中间名称</a> 控制a的样式不就有下滑线了嘛。。。
删除当然是删除这个a咯。
[解决办法]
<input type="text" value="请输入值1" style="border-bottom :1 solid black; border-left :none; border-right :none; border-top :none;" />
[解决办法]
呃呃呃 不太清楚 帮顶起
[解决办法]
用css实现。。。
[解决办法]
文本框添加下划线不难，css添加样式即可：
- HTML code
<html><body><input type="text" id="t1" style="text-decoration: underline;"/></body></html>
[解决办法]
学以致用
[解决办法]
有些小麻烦
[解决办法]
不是文本框，可以考虑用个div来模拟。里面有无数个小的span或者是div。
[解决办法]
用样式文件定义，html基本功能
[解决办法]
用span 给样式
[解决办法]
嗯 可以
[解决办法]
简单的实现方法
更多功能自己可以添加
- HTML code
<script>function delSelect(v){evt = v||window.event; if(evt.keyCode.toString()!="8" && evt.keyCode.toString()!="46"){if(window.event){window.event.returnValue=false;window.event.cancelBubble=true;return false;}else{evt.preventDefault();}return false;}ele = window.event?window.event.srcElement:v.target;while(ele.nodeType!=1) ele = ele.parentNode;while(ele.tagName!="DIV"){ele = ele.parentNode;}ele.parentNode.removeChild(ele)}</script><body><div style="border:1px solid gray;height:26px"><div style="float:left;text-outline:none" unselectable="on" contentEditable=true onkeydown="delSelect(event)"><span style="border-bottom:1px solid red">xxx;</span> </div><div style="float:left;text-outline:none" unselectable="on" contentEditable=true onkeydown="delSelect(event)"><span style="border-bottom:1px solid red">yyyy;</span></div> <div style="clear:both"></div></div>
[解决办法]
呵呵 呵呵
[解决办法]
关注。
[解决办法]
你要是想要某某网站的效果，建议你仔细研究下他们的源代码。 你说的网站别人未必使用
firebug,yslow都是很好的查看代码的工具
[解决办法]
12楼已经给你提供了例子
[解决办法]
顶起！
[解决办法]
用一个隐藏的输入框，然后输入内容后在DIV里显示
[解决办法]
拿分走人 哈哈
[解决办法]
飘过~~~~
[解决办法]
试试是把 一个超链 存储到 一个数组，进行读取，或者 删除时候 捕获 键盘 按下的是否为退格键 可以删除数组的 一个值，或 为退格键 的时候 可 判断最后一个“；”前的 字符 进行删除， 大概是这样个， 只是提供一个思路，具体还是靠自己
[解决办法]
好像挺复杂, 应该是用div来模拟
[解决办法]
[color=#FF0000][/color]不懂
[解决办法]
看了,看了,有收获.
[解决办法]
貌似挺复杂的，帮顶下LZ
[解决办法]
好好好哈
[解决办法]
用css实现
[解决办法]
拿分 吼吼
[解决办法]
直接看源码
[解决办法]
不知所云，顶一下
[解决办法]
顶一下顶一下
[解决办法]
说实话 有些蛋疼
[解决办法]
[解决办法]
噢，原来如此啊！
[解决办法]
使用DIV模拟吧！
[解决办法]
我也想知道怎么实现的。。。。
[解决办法]
顶。。。
[解决办法]
我觉得比较困难，看下再说。
[解决办法]
[解决办法]
学习 学习
[解决办法]
css可以
------解决方案--------------------
谢谢分享,学习了！！！
[解决办法]
learning......
[解决办法]
大家的回答都很不错
[解决办法]
[解决办法]
路过学习
[解决办法]
应该是放多个div
[解决办法]
[解决办法]
[解决办法]
顶起吧
[解决办法]
一个简单实现，但是下划线连接在一起了。
<html>
<head><title>..</title></head>
<body>
<input type='text' name='t1' value="abc;dfd;sdfsf" onkeyup="deleteFun(this)"
style="border:1px solid #a9a9a9;text-decoration: underline;">
<script>
function deleteFun(text){
if(8==event.keyCode){
var last = text.value.lastIndexOf(";");
text.value = text.value.substring(0,last);
}
}
</script>
</body>
</html>
[解决办法]
每一个名称加下划线和分号，删除的时候是按每个名称删除，而不是一个字符一个字符地删。
如何实现，谢谢！！
[解决办法]
这个不是很难。。。
[解决办法]
在发一个。呵呵
<html>
<head><title>..</title></head>
<body onload="">
<style>
*{font-size:12px;}
</style>
<span style="width:700px;height:20px;top:2px;left:1px;border:1px dashed #a9a9a9">
<span><a href="">你好</a>;<a href="">中</a>;<a href="">sdfsf</a></span>
<input type='text' name='t1' onkeyup="deleteFun(this)" style="border:none;width:15px;height:20px;padding-top:5px;" />
</span>
<script>
function deleteFun(text){
var sp = text.parentNode.firstChild;
if(8==event.keyCode){
var last = sp.innerHTML.lastIndexOf(";");
sp.innerHTML = sp.innerHTML.substring(0,last);
}else{
var v = text.value;
text.value="";
sp.innerHTML+="<a href=''>"+v+"</a>";
//这块估计要根据实际情况来写了 具体什么时候加分号，视情况而定
}
}
</script>
</body>
</html>
[解决办法]
在winform下如何实现？
看网易闪电邮上面的收信人地址栏也有类似的效果
[解决办法]
路过学习~
[解决办法]
路过!
[解决办法]
[解决办法]
学习学习
[解决办法]
呵呵 我就是这样做的 用js实现的 代码量也比较大 看起来费劲呢 郁闷的是 换了单位 那些东西找不到了~~
[解决办法]
不懂，帮顶
[解决办法]
这个好做。用div做。可编辑div。
[解决办法]
我也很想知道！敬请高手！！
[解决办法]
web开发真是太多细节的东西了....
[解决办法]
学习学习
[解决办法]
网上开源的jquery框架就有得，我这会忘记网址了，你去搜一下ajaxcode
[解决办法]
[解决办法]
luguo fdfssssssssssssss
[解决办法]
觉得用js来实现不会太难
[解决办法]
jQuery版,,,看看是不是你要的效果。。。。
- HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <script src="lib/jquery-1.4.2.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $("div").blur(function() { var content = $(this).text(); if (content.indexOf(";") > 0) { var title = content.split(";"); var temp = ""; for (var i = 0; i < title.length; i++) { if (title[i] != "") { temp += "<span>" + title[i] + ";</span>"; } } $(this).html(temp); } else { if (content != "") { $(this).html("<span>" + content + ";</span>"); } } }); $(document).keyup(function(e) { var currKey = 0, e = e || event; currKey = e.keyCode || e.which || e.charCode; if (currKey == 8) { var content = $("div").text(); var title = content.split(";"); var temp = ""; for (var i = 0; i < title.length - 1; i++) { temp += "<span>" + title[i] + ";</span>"; } $("div").html(temp); } }); }); </script> <style type="text/css"> div { border: solid 1px silver; height: 26px; line-height: 26px; max-width: 400px; width: auto; font-size: 14px; font-family: 微软雅黑; } div span { text-decoration: underline; margin-left: 10px; } </style></head><body> <div contenteditable="true"> </div></body></html>
[解决办法]
请参考：http://aehlke.github.com/tag-it/
[解决办法]
每天顶帖得10分
[解决办法]
学习。。。，帮顶
[解决办法]
GOOD都是高手
[解决办法]
路过，学习了。
[解决办法]
其实在加账户名称的时候，加一个分号，然后赋给变量，存入数组里面，删除的时候，让它遍历某个变量就可以删除了，只是思路