文本框里的文字加下划线_html/css_WEB-ITnose
文本框里的文字加下划线，
效果图：
每一个名称加下划线和分号，删除的时候是按每个名称删除，而不是一个字符一个字符地删。
如何实现，谢谢！！
回复讨论(解决方案)
我在???箱的收件人的文本框看到??的使用，而且???中文字?能?出?，用??示一些信息
应该就是这样吧！像我们在其他文件里边删除东西也是这样的啊！
你这下划线用CSS不是能实现么。 价格 underline就行了。
详见这里 http://www.docin.com/p-56329239.html
至于你说的删除的时候 按照名称删除 不是一个个字符删除，不知道你具体是什么意思。
不知道你具体的删除形式如何，什么样的情况给予删除。 这个还是简单的，问题是要弄明白
什么情况删除什么。
如果你上面的是用户名的话 你可以用很多种形式删除， 比如 把指定的 名称; 替换为空字符一样可以实现。
我在???箱的收件人的文本框看到??的使用，而且???中文字?能?出?，用??示一些信息
你研究它的代码没？
这个确实可以看看它的代码是怎么实现的
样式就能解决吧
CSS underline
比较困难
你这下划线用CSS不是能实现么。 价格 underline就行了。
详见这里 http://www.docin.com/p-56329239.html
至于你说的删除的时候 按照名称删除 不是一个个字符删除，不知道你具体是什么意思。
不知道你具体的删除形式如何，什么样的情况给予删除。 这个还是简单的，问题是要弄明白
什么情况删除什么。
underline 样式是把文本框里的的文字都加了下划线，我是把每个名称加下划线，
至于说删除，就是按照每个用户名删除，比如：张三，删除的时候是一次删除掉的，而不是两次删除的，不知道我说的明白吗
类似QQ发送邮件的收件人的文本框
其实 这个我做过（好小的DEMO，没事干折腾的）。其实这个东西不是textbox
而是无数个DIV
http://blog.csdn.net/cj205/article/details/6277208
如果想加样式一点问题都没有
中间名称 控制a的样式不就有下滑线了嘛。。。
删除当然是删除这个a咯。
用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;}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> 谢谢大家的回复，
其实我就是想实现类似QQ或者163发送邮件时的收件人的文本框
呵呵 呵呵
关注。
有高人做过么？
谢谢！！！！！！！！！！！
你要是想要某某网站的效果，建议你仔细研究下他们的源代码。 你说的网站别人未必使用
firebug,yslow都是很好的查看代码的工具
12楼已经给你提供了例子
用一个隐藏的输入框，然后输入内容后在DIV里显示
拿分走人 哈哈
飘过~~~~
试试是把 一个超链 存储到 一个数组，进行读取，或者 删除时候 捕获 键盘 按下的是否为退格键 可以删除数组的 一个值，或 为退格键 的时候 可 判断最后一个“；”前的 字符 进行删除， 大概是这样个， 只是提供一个思路，具体还是靠自己
好像挺复杂, 应该是用div来模拟
看了,看了,有收获.
谢谢大家的回复！！！！！！！有了思路，希望能够解决。
好好好哈
用css实现
拿分 吼吼
直接看源码
说实话 有些蛋疼
试试是把 一个超链 存储到 一个数组，进行读取，或者 删除时候 捕获 键盘 按下的是否为退格键 可以删除数组的 一个值，或 为退格键 的时候 可 判断最后一个“；”前的 字符 进行删除， 大概是这样个， 只是提供一个思路，具体还是靠自己
思路可以的
噢，原来如此啊！
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1386
52
Was ist der Zweck des & lt; Fortschritts & gt; Element?
Mar 21, 2025 pm 12:34 PM
Der Artikel erörtert den HTML & lt; Progress & gt; Element, Absicht, Styling und Unterschiede vom & lt; Meter & gt; Element. Das Hauptaugenmerk liegt auf der Verwendung & lt; Fortschritt & gt; Für Aufgabenabschluss und & lt; Meter & gt; für stati
Ist HTML für Anfänger leicht zu lernen?
Apr 07, 2025 am 12:11 AM
HTML ist für Anfänger geeignet, da es einfach und leicht zu lernen ist und schnell Ergebnisse sehen kann. 1) Die Lernkurve von HTML ist glatt und leicht zu beginnen. 2) Beherrschen Sie einfach die grundlegenden Tags, um Webseiten zu erstellen. 3) hohe Flexibilität und kann in Kombination mit CSS und JavaScript verwendet werden. 4) Reiche Lernressourcen und moderne Tools unterstützen den Lernprozess.
Was ist der Zweck des & lt; datalist & gt; Element?
Mar 21, 2025 pm 12:33 PM
Der Artikel erörtert den HTML & lt; Datalist & gt; Element, das die Formulare verbessert, indem automatische Vorschläge bereitgestellt, die Benutzererfahrung verbessert und Fehler reduziert werden.Character Count: 159
Was ist der Zweck des & lt; Meter & gt; Element?
Mar 21, 2025 pm 12:35 PM
Der Artikel erörtert das HTML & lt; Meter & gt; Element, verwendet zur Anzeige von Skalar- oder Bruchwerten innerhalb eines Bereichs und seine gemeinsamen Anwendungen in der Webentwicklung. Es differenziert & lt; Meter & gt; von & lt; Fortschritt & gt; und Ex
Was ist das Ansichtsfenster -Meta -Tag? Warum ist es wichtig für reaktionsschnelles Design?
Mar 20, 2025 pm 05:56 PM
In dem Artikel wird das Ansichtsfenster -Meta -Tag erörtert, das für das reaktionsschnelle Webdesign auf mobilen Geräten unerlässlich ist. Es wird erläutert, wie die ordnungsgemäße Verwendung eine optimale Skalierung von Inhalten und Benutzerinteraktion gewährleistet, während Missbrauch zu Design- und Zugänglichkeitsproblemen führen kann.
Was ist der Zweck des & lt; iframe & gt; Etikett? Was sind die Sicherheitsüberlegungen bei der Verwendung?
Mar 20, 2025 pm 06:05 PM
Der Artikel erörtert das & lt; iframe & gt; Der Zweck von Tag, externe Inhalte in Webseiten, seine gemeinsamen Verwendungen, Sicherheitsrisiken und Alternativen wie Objekt -Tags und APIs einzubetten.
Die Rollen von HTML, CSS und JavaScript: Kernverantwortung
Apr 08, 2025 pm 07:05 PM
HTML definiert die Webstruktur, CSS ist für Stil und Layout verantwortlich, und JavaScript ergibt eine dynamische Interaktion. Die drei erfüllen ihre Aufgaben in der Webentwicklung und erstellen gemeinsam eine farbenfrohe Website.
Was ist ein Beispiel für ein Start -Tag in HTML?
Apr 06, 2025 am 12:04 AM
AnexampleofaTartingTaginHtmlis, die, die starttagsaresesinginhtmlastheyinitiateElements, definetheirtypes, andarecrucialForstructuringwebpages und -konstruktionsthedoms.
