テキストボックス内のテキストに下線を引きます_html/css_WEB-ITnose
テキスト ボックス内のテキストには下線が付きます。
効果画像:
各名前には下線とセミコロンが付けられます。削除する場合は、文字ごとに削除するのではなく、名前ごとに削除します。
実装方法、ありがとうございます! ！
ディスカッションへの返信 (解決策)
??? ボックスの受信者テキスト ボックスに ?? が表示され、?? は一部の情報を表示するために使用できます。
それもそのはず！他のファイル内の内容を削除する場合も同様です。
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>ミドルネーム< /a> のコントロールのスタイルには下線がありませんか? 。 。
テキスト ボックスに下線を追加するのは難しくありません。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で実装
ポイントゲット ほほう
ソースコードを直接見る
正直、ちょっとめんどくさい
ハイパーリンクを配列に格納して読み込んでみたり、削除時のキャプチャ キーボードのバックスペースキーを押すと配列内の値を削除できたり、バックスペースキーの場合は最後の「;」より前の文字を判断して削除したりできると思われます。アイデアを提供するだけです。詳細については自分自身に頼る必要があります
アイデアは大丈夫です
なるほど！
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
7569
15
1386
52
87
11
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）基本タグをマスターして、Webページの作成を開始します。 3）柔軟性が高く、CSSおよびJavaScriptと組み合わせて使用できます。 4）豊富な学習リソースと最新のツールは、学習プロセスをサポートしています。
＆lt; datalist＆gt;の目的は何ですか 要素？
Mar 21, 2025 pm 12:33 PM
この記事では、HTML＆lt; Datalist＆GT;について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。
＆lt; meter＆gt;の目的は何ですか 要素？
Mar 21, 2025 pm 12:35 PM
この記事では、html＆lt; meter＆gt;について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化＆lt; Meter＆gt; ＆lt; Progress＆gt;およびex
ビューポートメタタグとは何ですか？レスポンシブデザインにとってなぜそれが重要なのですか？
Mar 20, 2025 pm 05:56 PM
この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。
＆lt; iframe＆gt;の目的は何ですか タグ？使用する際のセキュリティ上の考慮事項は何ですか？
Mar 20, 2025 pm 06:05 PM
この記事では、＆lt; iframe＆gt;外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。
HTML、CSS、およびJavaScriptの役割：コアの責任
Apr 08, 2025 pm 07:05 PM
HTMLはWeb構造を定義し、CSSはスタイルとレイアウトを担当し、JavaScriptは動的な相互作用を提供します。 3人はWeb開発で職務を遂行し、共同でカラフルなWebサイトを構築します。
HTMLでの開始タグの例は何ですか？
Apr 06, 2025 am 12:04 AM
Anexampleapalofastartingtaginhtmlis、それはaperginsaparagraph.startingtagsaresentionentientiontheyinitiateelements、definetheirtypes、およびarecrucialforurturingwebpagesandcontingthomedomを構築します。
