テキストボックス内のテキストに下線を引きます_html/css

テキストボックス内のテキストに下線を引きます_html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 12:24:44

オリジナル

2558 人が閲覧しました

テキストボックス内のテキストには下線が付きます。
効果画像:

各名前には下線とセミコロンが付けられます。削除する場合は、文字ごとに削除するのではなく、名前ごとに削除します。
実装方法、ありがとうございます! ！

ディスカッションへの返信 (解決策)

??? ボックスの受信者テキストボックスに ?? が表示され、?? は一部の情報を表示するために使用できます。

それもそのはず！他のファイル内の内容を削除する場合も同様です。

CSSを使って下線を実装することはできないでしょうか？価格の下線だけを残しておきます。
詳細はこちら http://www.docin.com/p-56329239.html

文字ごとに削除するのではなく、名前ごとに削除すると言った場合、具体的に何を意味するのかわかりません。
具体的な削除フォームがどのようなものか、どのような場合に削除されるのかわかりません。これはまだ単純です。問題は、どのような状況で何を削除するかを理解することです。

上記がユーザー名の場合、指定した名前を null 文字に置き換えるなど、さまざまな方法で削除できます。

この投稿は 2011-10-10 11:32:12 に net_lover によって編集されました

??? ボックスの受信者テキストボックスに ?? が使用されています。 ? を終了し、?? を使用して情報を表示します

コードを勉強しましたか?

コードがどのように実装されているかがよくわかります
スタイルで解決できます

CSS の下線

それはもっと難しいです

CSS で下線を実装することはできませんか?価格の下線だけを残しておきます。

詳細はこちら http://www.docin.com/p-56329239.html

文字ごとに削除するのではなく、名前ごとに削除すると言った場合、具体的に何を意味するのかわかりません。
具体的な削除方法や、どのような場合に削除されるのか分かりません。これはまだ単純です。問題は、どのような状況で何を削除するかを理解することです。
下線スタイルは、テキストボックス内のすべてのテキストに下線を引くことです。
削除に関しては、各ユーザー名に従って削除することを意味します。たとえば、Zhang San を削除する場合は、代わりにすべてを削除します。 2回削除したので、自分の言ったことを理解できたかわかりません

QQ から送信されたメールの受信者のテキストボックスに似ています

実際、私はこれを実行しました (このような小さなデモです、心配する必要はありません)について）。実際、これはテキストボックスではなく、無数の DIV です

http://blog.csdn.net/cj205/article/details/6277208

スタイルを追加したい場合は、まったく問題ありません

< ;a>ミドルネーム< /a> のコントロールのスタイルには下線がありませんか? 。。

もちろん、削除とはこのaを削除することを意味します。

CSS で実装されます。。。

テキストボックスに下線を追加するのは難しくありません。CSS でスタイルを追加するだけです。

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

ログイン後にコピー

しかし、Outlook メールでの方法は、テキストボックスを区切るためにセミコロンを追加することです。 Enter キーを押した後にアドレス帳にユーザー名を登録する場合は、Enter キーを押した後にイベントをトリガーし、js を記述し、ajax 経由でバックグラウンドにアクセスし、ユーザー名を照合してデータを操作する必要があります。この要件を達成するには、テキストボックスに入力します。

学んだことを応用してください

いくつかの小さなトラブル

これはテキストボックスではないため、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>

ログイン後にコピー

みなさん、ご返信ありがとうございます
実は, 163 がメールを送信するときの QQ または受信者のテキストボックスに似たものを実装したいだけです

はははは

フォローします。

やった人いる？

ありがとうございます！！！！！！！！！！！

特定の Web サイトの効果が必要な場合は、その Web サイトのソースコードを注意深く研究することをお勧めします。あなたが言及した Web サイトは他の人が使用することはできません

Firebug と yslow はどちらもコードを表示するための優れたツールです

12階が例を提供しています

隠し入力ボックスを使用し、内容を入力してDIVに表示します

ポイントを取得して出発します（笑）

Float~~~~

ハイパーリンクを貼ってみてください配列に格納して読み込んだり、削除する際に押されたキーがバックスペースキーかどうかをキャプチャして配列内の値を削除したり、バックスペースキーの場合は最後の「」より前の文字を判定したりすることができます。 ;" 削除するには、おそらく次のようなものです。アイデアを提供するためだけに、詳細については自分自身に頼る必要があります

かなり複雑そうですが、div を使用してシミュレートする必要があります

それを読んだ後、私は何かを学びました。

みなさん、ご返信ありがとうございます！！！！！！！アイデアがあるので、解決できればと思います。

よしよしよし

CSSで実装

ポイントゲットほほう

ソースコードを直接見る

正直、ちょっとめんどくさい

ハイパーリンクを配列に格納して読み込んでみたり、削除時のキャプチャキーボードのバックスペースキーを押すと配列内の値を削除できたり、バックスペースキーの場合は最後の「;」より前の文字を判断して削除したりできると思われます。アイデアを提供するだけです。詳細については自分自身に頼る必要があります
アイデアは大丈夫です

なるほど！