teratailを一緒に作りたいエンジニア. 2014.09.12 background-color: #F9E2E2; segments[i] = (Array(num+1).join('0') + segments[i]).slice(-num); segments[i] = ('0'.repeat(num) + segments[i]).slice(-num); textarea:placeholder-shown { 12~14行目は、テキストエリアのvalueに空文字「""」をセットしてクリアしています。, ボタンを押すとテキストエリアの値を取得するサンプルです。 JavaScript セレクトボックスの値を取得/設定するサンプル なんか友達に仕事用のメールアドレスを教えたらこんなのが飛んできたので、 しゃあねえやったるかという運びになります。 はあ、さいですか。文字列をどうこうすんのって意外とめんどくさいねんな……。 まあ今日も元気にやっていきましょう。 フォームとnameを使用するやり方です。, 3行目は、テキストエリアです。 }, textarea.addEventListener('keyup', function() {, 文章の引用やソースコードの使用はご自由にどうぞ。ただし一切責任を負いませんので自己責任でお願いします。, 2020年以降のIE11対応に関する意見 ~ Internet Explorerを終わらせるのは、誰か?, 【厳選100記事】アウトプット!未経験でも大丈夫!Webデザイナー志望の方へデザインノウハウをまとめました。 | coffeebreak, 【第9回】未経験でも大丈夫!Webデザイナー志望の方へデザインノウハウをアウトプットします! | coffeebreak. 私はいくつかのアプローチを試しましたが、うまくいきませんでした 誰もがこれを回避するための素晴らしいトリックを知っていますか?, 参照: http://jsfiddle.net/pdXRx/ : http://jsfiddle.net/pdXRx/, CSSソリューションはどうですか: http://cssdeck.com/labs/07fwgrso : http://cssdeck.com/labs/07fwgrso, あなたがそれを許可されているとは思わない: http://www.w3.org/TR/html5/forms.html#the-placeholder-attribute : http://www.w3.org/TR/html5/forms.html#the-placeholder-attribute, プレースホルダーアトリビュートは、コントロールに値がない場合にユーザーにデータ入力を支援するための短いヒント(単語または短いフレーズ)を表します。 ヒントは、サンプル値または予想される形式の簡単な説明です。 属性を指定する場合は、U + 000A LINE FEED(LF)またはU + 000D CARRIAGE RETURN(CR)文字を含まない値を指定する必要があります。, あなたができることは、改行を尊重するvalueとしてテキストを追加することです\n 。, その後、それをfocus上に取り除き、 blurで戻すことができます(空の場合)。 このようなもの, 例: http://jsfiddle.net/airandfingers/pdXRx/247/ : http://jsfiddle.net/airandfingers/pdXRx/247/, 私はこれをWindows 10.0(Build 10240)とGoogle Chromeバージョン47.0.2526.80 mでテストしました, 08:43:08 AST 6 Rabi Al-Awwal、1437木曜日、2015年12月17日, カスタム属性ではなくdata-*属性を使用する方が良い方法です。 私は