ホームページ >ウェブフロントエンド >htmlチュートリアル >テキストボックス内のテキストに下線を引きます_html/css_WEB-ITnose
テキストボックス内のテキストに下線を引きます_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:24:442581ブラウズ
テキスト ボックス内のテキストには下線が付きます。
効果画像:
各名前には下線とセミコロンが付けられます。削除する場合は、文字ごとに削除するのではなく、名前ごとに削除します。
実装方法、ありがとうございます! ！
ディスカッションへの返信 (解決策)
??? ボックスの受信者テキスト ボックスに ?? が表示され、?? は一部の情報を表示するために使用できます。
それもそのはず！他のファイル内の内容を削除する場合も同様です。
CSSを使って下線を実装することはできないでしょうか？価格の下線だけを残しておきます。
詳細はこちら http://www.docin.com/p-56329239.html
文字ごとに削除するのではなく、名前ごとに削除すると言った場合、具体的に何を意味するのかわかりません。
具体的な削除フォームがどのようなものか、どのような場合に削除されるのかわかりません。これはまだ単純です。問題は、どのような状況で何を削除するかを理解することです。
この投稿は 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>ミドルネーム16ef26f8b7ea0fc89bdf90e275a93e5d のコントロールのスタイルには下線がありませんか? 。 。
テキスト ボックスに下線を追加するのは難しくありません。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 サイトは他の人が使用することはできません
12階が例を提供しています
隠し入力ボックスを使用し、内容を入力してDIVに表示します
ポイントを取得して出発します（笑）
Float~~~~
ハイパーリンクを貼ってみてください配列に格納して読み込んだり、削除する際に押されたキーがバックスペースキーかどうかをキャプチャして配列内の値を削除したり、バックスペースキーの場合は最後の「」より前の文字を判定したりすることができます。 ;" 削除するには、おそらく次のようなものです。アイデアを提供するためだけに、詳細については自分自身に頼る必要があります
かなり複雑そうですが、div を使用してシミュレートする必要があります
それを読んだ後、私は何かを学びました。
みなさん、ご返信ありがとうございます！ ！ ！ ！ ！ ！ ！アイデアがあるので、解決できればと思います。
よしよしよし
CSSで実装
ポイントゲット ほほう
ソースコードを直接見る
正直、ちょっとめんどくさい
ハイパーリンクを配列に格納して読み込んでみたり、削除時のキャプチャ キーボードのバックスペースキーを押すと配列内の値を削除できたり、バックスペースキーの場合は最後の「;」より前の文字を判断して削除したりできると思われます。アイデアを提供するだけです。詳細については自分自身に頼る必要があります
アイデアは大丈夫です
なるほど！