专注收集记录技术开发学习笔记、技术难点、解决方案
网站信息搜索 >> 请输入关键词:
您当前的位置: 首页 > HTML/CSS

文本框里的文字加下划线,该怎么处理

发布时间:2010-05-20 14:01:29 文章来源:www.iduyao.cn 采编人员:星星草
文本框里的文字加下划线
文本框里的文字加下划线,
效果图:

每一个名称加下划线和分号,删除的时候是按每个名称删除,而不是一个字符一个字符地删。
如何实现,谢谢!!

------解决方案--------------------
应该就是这样吧!像我们在其他文件里边删除东西也是这样的啊!
------解决方案--------------------
你这下划线用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>&nbsp;</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>
友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。

其他相似内容:

热门推荐: