文本框里的文字加下划线_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实现
拿分 吼吼
直接看源码
说实话 有些蛋疼
试试是把 一个超链 存储到 一个数组，进行读取，或者 删除时候 捕获 键盘 按下的是否为退格键 可以删除数组的 一个值，或 为退格键 的时候 可 判断最后一个“；”前的 字符 进行删除， 大概是这样个， 只是提供一个思路，具体还是靠自己
思路可以的
噢，原来如此啊！
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7569
15
1386
52
87
11
61
19
28
107
& lt; Progress & Gt의 목적은 무엇입니까? 요소?
Mar 21, 2025 pm 12:34 PM
이 기사는 HTML & lt; Progress & Gt에 대해 설명합니다. 요소, 그 목적, 스타일 및 & lt; meter & gt의 차이; 요소. 주요 초점은 & lt; progress & gt; 작업 완료 및 & lt; meter & gt; Stati의 경우
HTML은 초보자를 위해 쉽게 배우나요?
Apr 07, 2025 am 12:11 AM
HTML은 간단하고 배우기 쉽고 결과를 빠르게 볼 수 있기 때문에 초보자에게 적합합니다. 1) HTML의 학습 곡선은 매끄럽고 시작하기 쉽습니다. 2) 기본 태그를 마스터하여 웹 페이지를 만들기 시작하십시오. 3) 유연성이 높고 CSS 및 JavaScript와 함께 사용할 수 있습니다. 4) 풍부한 학습 리소스와 현대 도구는 학습 과정을 지원합니다.
& lt; datalist & gt의 목적은 무엇입니까? 요소?
Mar 21, 2025 pm 12:33 PM
이 기사는 HTML & LT; Datalist & GT에 대해 논의합니다. 자동 완성 제안을 제공하고, 사용자 경험을 향상시키고, 오류를 줄임으로써 양식을 향상시키는 요소. 문자 수 : 159
& lt; meter & gt의 목적은 무엇입니까? 요소?
Mar 21, 2025 pm 12:35 PM
이 기사는 HTML & lt; meter & gt에 대해 설명합니다. 범위 내에 스칼라 또는 분수 값을 표시하는 데 사용되는 요소 및 웹 개발의 일반적인 응용 프로그램. & lt; meter & gt; & lt; Progress & Gt; 그리고 Ex
뷰포트 메타 태그는 무엇입니까? 반응 형 디자인에 중요한 이유는 무엇입니까?
Mar 20, 2025 pm 05:56 PM
이 기사는 모바일 장치의 반응 형 웹 디자인에 필수적인 Viewport Meta Tag에 대해 설명합니다. 적절한 사용이 최적의 컨텐츠 스케일링 및 사용자 상호 작용을 보장하는 방법을 설명하는 반면, 오용은 설계 및 접근성 문제로 이어질 수 있습니다.
& lt; iframe & gt; 꼬리표? 보안을 사용할 때 보안 고려 사항은 무엇입니까?
Mar 20, 2025 pm 06:05 PM
이 기사는 & lt; iframe & gt; 외부 컨텐츠를 웹 페이지, 공통 용도, 보안 위험 및 객체 태그 및 API와 같은 대안을 포함시키는 태그의 목적.
HTML, CSS 및 JavaScript의 역할 : 핵심 책임
Apr 08, 2025 pm 07:05 PM
HTML은 웹 구조를 정의하고 CSS는 스타일과 레이아웃을 담당하며 JavaScript는 동적 상호 작용을 제공합니다. 세 사람은 웹 개발에서 의무를 수행하고 화려한 웹 사이트를 공동으로 구축합니다.
HTML의 시작 태그의 예는 무엇입니까?
Apr 06, 2025 am 12:04 AM
anexampleStartingtaginhtmlis, whithbeginsaparagraph.startingtagsareessentialinhtmlastheyinitiate rements, definetheirtypes, andarecrucialforstructurituringwebpages 및 smanstlingthedom.
