文本框里的文字加下划线,该怎么解决-HTML教程-爱易网页

文本框里的文字加下划线,该怎么解决

日期：2014-05-16　浏览次数：21034 次

文本框里的文字加下划线
文本框里的文字加下划线，
效果图：

每一个名称加下划线和分号，删除的时候是按每个名称删除，而不是一个字符一个字符地删。
如何实现，谢谢！！
------解决方案--------------------
应该就是这样吧！像我们在其他文件里边删除东西也是这样的啊！
------解决方案--------------------
你这下划线用CSS不是能实现么。价格 underline就行了。
详见这里   http://www.docin.com/p-56329239.html

至于你说的删除的时候按照名称删除  不是一个个字符删除，不知道你具体是什么意思。
不知道你具体的删除形式如何，什么样的情况给予删除。这个还是简单的，问题是要弄明白
什么情况删除什么。
------解决方案--------------------
如果你上面的是用户名的话  你可以用很多种形式删除，比如把指定的  名称;  替换为空字符一样可以实现。
------解决方案--------------------

本帖最后由 net_lover 于 2011-10-10 11:32:12 编辑

引用:

我在騰訊郵箱的收件人的文本框看到這樣的使用，而且雙擊選中文字還能彈出層，用來顯示一些信息

你研究它的代码没？

这个确实可以看看它的代码是怎么实现的
------解决方案--------------------
样式就能解决吧
------解决方案--------------------
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>

<body>

<input type="text" id="t1" style="text-decoration: underline;"/>

</body>

</html>

但是要添加分号分隔的话，比较麻烦，outlook邮件里做法是在按回车后，在通信簿中检查用户名，要在web中实现的话，一样需要按下回车后触发事件，写一些js，通过ajax访问后台，匹配用户名，并操作文本框中的数据，实现这个需求。
------解决方案--------------------
学以致用
------解决方案--------------------
有些小麻烦
------解决方案--------------------
不是文本框，可以考虑用个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;

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

文本框里的文字加下划线,该怎么解决

相关资料更多>

推荐阅读更多>