プレースホルダー (placeholder) の表示とCSSでの装飾方法 [ホームページ作成] All About
プレースホルダー (placeholder) の表示とCSSでの装飾方法プレースホルダーを表示する方法を解説。HTMLのplaceholder属性を使えば簡単に表示できます。textarea要素に表示するプレースホルダーは少し工夫すると改行も可能。CSSのplaceholder疑似クラスを併用すればプレースホルダーの文字を自由な色に変えられます。カーソルが入った瞬間にプレースホルダーの文字が消える仕様もCSSだけで作れます。placeholderの表示と装飾方法をご紹介。 プレースホルダー (placeholder) とは placeholder (プレースホルダー) とは、何も入力されていない状態のテキスト入力欄に最初から薄く表示されている案内文字のことです。HTMLではplaceholder属性を使うことで簡単に表示でき、CSSで色を変えることもできます。プレースホルダとして表示されて
![プレースホルダー (placeholder) の表示とCSSでの装飾方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/fc39f871ce14ffa0194b7537f119acadc2e6cc97/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F9%2F4%2F2%2F201611231423%2Ftopimg_original.png)
コピーさせたい文字列をコピーしやすくする [ホームページ作成] All About
フォームを使ってコピーしやすくする ページの閲覧者に何らかの長い文字列をコピーさせたい場合、単純に文字列をそのまま掲載するよりも、以下のように見せた方が便利かもしれません。 上記の入力フォーム内をクリックしてみて下さい。 おそらく、クリックしただけで文字列全体が範囲選択状態になるでしょう。 閲覧者はそのまま右クリックして「コピー」を選ぶなり、[Ctrl]＋[C]キーを押すなりして簡単に文字列をコピーできます。 ※自動で範囲選択されるにはJavaScriptが有効な閲覧環境が必要です。 フォームを使うメリット 閲覧者にコピーさせたい文字列をこのように表示させると、次のようなメリットがあります。 わざわざマウスを使って細かな範囲選択操作をさせずに済む。 前後の余計な文字まで選択してしまうミスを防げ、確実に目的の文字列だけを選択させられる。 入力フォームを使わずに、普通に文章中に含めると以下のよ
![コピーさせたい文字列をコピーしやすくする [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
入力フォームが空のときに入力案内を表示 - ［ホームページ作成］All About
テキスト入力欄に案内文字を表示 テキスト入力欄内に最初から薄い文字で案内が表示されていて、クリックしてカーソルを入れると案内文字が消えるフォームをよく見かけます。 例えば下図のようなフォームです。 このような「案内文字」を表示したり消したりする入力欄は、JavaScriptを活用すると簡単に作れます。 JavaScriptを使えば、入力欄内の文字と装飾（文字色）を自由に変更できるからです。 試しに作ってみた入力フォームを下記に掲載しています。下記の入力欄内をクリックして、カーソルを入れてみて下さい。案内文字が消えるはずです。 何もフォーム内に入力しないまま（ページ内の他の場所をクリックするなどして）カーソルを入力欄外に出せば、案内文字が戻ります。 ※JavaScriptが使えないか無効な環境では、案内文字は消えずに入ったままです。 上記のサンプルでは、以下のような動作が行われています。
本の収納にリスクあり？！ - ［収納］All About
手元に置いておきたいくらい本が好きなのに、自分が持っている本の数を把握している人は少ないことでしょう。まして重さまでは．．．。 本が収まらない、捨てられないからといって、安易に本棚を買い足していくのは考えもの。 今回は別の角度から本の収納をご紹介します。 単行本千冊の本棚 本を読む、書くことを職業としている人であれば、蔵書数はゆうに千冊を越えることと思います。数千冊ともなれば、間に合わせな方法では収まらないので書棚や書庫を計画的につくらなければなりません。 ここでは仮に、本を好きな人が単行本を千冊所有していたら、本棚はどのくらい必要とするのか？そこから話を始めていきます。 ではさっそく、単行本千冊が必要とする棚の長さを計算しましょう。 単行本１冊の厚さを２センチと仮定すると、 １，０００冊×２ｃｍ＝２，０００ｃｍ 棚の総延長は２０ｍを必要とします。 本棚を床から天井まで
子供の医療費助成を比較！神奈川県編 - ［All About マネー］All About
各自治体には子供の医療費負担を助成してくれる制度があります。子育てをしている親にとってはとてもありがたい制度ですが、助成の内容が実は自治体によって異なるのです。都道府県単位で決めている制度に、子育て支援のために独自で制度を手厚くしている自治体があるからです。 前回の子供の医療費助成を比較！東京23区編は競い合うように上乗せ制度を用意している東京23区でしたが、今回は神奈川県の各自治体について調べてみました。神奈川県在住および神奈川県に在住しようとしている子育て世代は必読です。居住している自治体の医療費助成制度を上手く活用する事で、民間の医療保険を節約することも可能になります。 神奈川県の医療費助成制度の内容神奈川県の小児医療費助成制度は、子供の健康増進や親の経済的負担を減らす為に各市町村が窓口となって原則として中学卒業までの医療費を助成しています。健康保険が適用される範囲の検査・治療であ
電車通勤が楽な路線はどこ？混雑率や終電から検証！ [住みたい街 首都圏] All About
通勤・通学はできるだけ混雑を避け、快適にしたいとは誰しも思うことです。ここでは、電車の混雑度、座れる可能性の高い途中始発駅の数、駅の設備の快適さや痴漢の発生件数、遅延の多い路線、10分を超す遅延がない路線などのデータから、「通勤がラクで快適な沿線、駅はどこか？」を探してみましょう。 長い沿線、乗り換え駅直前が最混雑区間 【混雑率1】混雑度が高いJR！180％越えも多い 当然のことながら、電車の区間が長くなると乗客は増えますし、ターミナル、乗り換え駅に近づくと乗客数はピークに。 ここ数年、混雑度は下がってはいるものの、それでも全体としては区間の長いＪＲでの混雑度が高く、最も混雑している中央・総武緩行線の錦糸町～両国間では199％という結果に。その他、混雑率が180％を超すのは大半がJRになっています。 混雑度200％は「相当圧迫感がある」状態ですから、できることなら200％以下の沿線を選びた
![電車通勤が楽な路線はどこ？混雑率や終電から検証！ [住みたい街 首都圏] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/bbe848bdd737bfe115161b4fba7c6a9553586710/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F3%2F1%2F5%2F0%2F2%2F201708161726%2Ftopimg_original.jpg)
［住宅用語集］All About
Copyright(c) All About, Inc. All rights reserved. 掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryの魔法 [Javascript] All About
[マネー] All About｜初心者のためのお金のお役立ち情報
[マネー] All About｜初心者のためのお金のお役立ち情報