[解決済み】textareaのplaceholder属性の中に改行を挿入する?
2022-04-05 16:30:13
質問
いくつかの方法を試しましたが、どれもうまくいきませんでした。どなたか、この問題を回避する粋な計らいをご存じないでしょうか?
<textarea placeholder='This is a line \n this should be a new line'></textarea>
<textarea placeholder='This is a line
should this be a new line?'></textarea> <!-- this works in chrome apparently -->
UPDATE: chromeではうまくいきません。テキストエリアの幅だけでした。
ご覧ください。 http://jsfiddle.net/pdXRx/
解決方法は?
というテキストを追加します。
value
この場合、改行は無視されます。
\n
.
$('textarea').attr('value', 'This is a line \nthis should be a new line');
そして、それを
focus
で適用し、(空の場合は)再び
blur
. 次のようなものです。
var placeholder = 'This is a line \nthis should be a new line';
$('textarea').attr('value', placeholder);
$('textarea').focus(function(){
if($(this).val() === placeholder){
$(this).attr('value', '');
}
});
$('textarea').blur(function(){
if($(this).val() ===''){
$(this).attr('value', placeholder);
}
});
例 http://jsfiddle.net/airandfingers/pdXRx/247/
純粋なCSSではなく、また クリーン が、うまくいく。
関連
-
[解決済み] (X)HTMLにおける "PRE "タグの用途は何ですか?
-
[解決済み] will-change' や translateZ() ハックは 'transition: height' のパフォーマンスを向上させるか?
-
[解決済み] HTML5のlocalStorageにオブジェクトを格納する方法は?
-
[解決済み] How to line-break from css, without using <br />?
-
[解決済み] フレックスアイテムがコンテンツサイズ以上に縮小されないのはなぜですか?
-
[解決済み] HTMLで'˶'ᴗ'˶に改行される
-
[解決済み] ハイフンの後に改行しない
-
[解決済み】 float:left; vs display:inline; vs display:inline-block; vs display:table-cell。
-
[解決済み】ボール(オブジェクト)が縮んだり消えたりしないのはなぜですか?
-
[解決済み] Bootstrap のインラインフォームへの全角テキスト入力
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】ラジオボタンの代わりに画像を使用する
-
[解決済み] HTMLの#記号の文字実体は?
-
[解決済み] HTMLのテーブルを部分的に透明にするには?
-
[解決済み] 文字列が部分文字列で終わっているかどうかをXPathでテストする?
-
[解決済み] Angular 2+のテンプレートで値を表す三項演算子
-
[解決済み] Railsです。railsアプリで<img src= >をimage_tagに変換する方法
-
[解決済み] Bootstrapのカラム内で画像を中央に配置する方法 [重複]について
-
[解決済み] HTMLボタンのテキストを固定幅で折り返すには?
-
[解決済み] mailchimpのメールインラインスタイルのコーディングがいつも通りできない
-
[解決済み] Can you have multiline HTML5 placeholder text in a <textarea>?