文本框里的文字加下划线
文本框里的文字加下划线，
效果图：
每一个名称加下划线和分号，删除的时候是按每个名称删除，而不是一个字符一个字符地删。
如何实现，谢谢！！
[解决办法]
应该就是这样吧！像我们在其他文件里边删除东西也是这样的啊！
[解决办法]
你这下划线用CSS不是能实现么。 价格 underline就行了。
详见这里 http://www.docin.com/p-56329239.html
至于你说的删除的时候 按照名称删除 不是一个个字符删除，不知道你具体是什么意思。
不知道你具体的删除形式如何，什么样的情况给予删除。 这个还是简单的，问题是要弄明白
什么情况删除什么。
[解决办法]
如果你上面的是用户名的话 你可以用很多种形式删除， 比如 把指定的 名称; 替换为空字符一样可以实现。
[解决办法]
<html><body><input type="text" id="t1" style="text-decoration: underline;"/></body></html>
[解决办法]
学以致用
[解决办法]
有些小麻烦
[解决办法]
不是文本框，可以考虑用个div来模拟。里面有无数个小的span或者是div。
[解决办法]
用样式文件定义，html基本功能
[解决办法]
用span 给样式
[解决办法]
嗯 可以
[解决办法]
简单的实现方法
更多功能自己可以添加
<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实现
[解决办法]
拿分 吼吼
[解决办法]
直接看源码
[解决办法]
不知所云，顶一下
[解决办法]
顶一下顶一下
[解决办法]
说实话 有些蛋疼
[解决办法]
[解决办法]
路过学习~
[解决办法]
路过!
[解决办法]
<!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都是高手
[解决办法]
路过，学习了。
[解决办法]
其实在加账户名称的时候，加一个分号，然后赋给变量，存入数组里面，删除的时候，让它遍历某个变量就可以删除了，只是思路