おすすめのVOD・スマホアプリ・スマホゲームアプリの紹介サイト

LAGRANGE BLOG

HTML5のplaceholderplaceholder of html5


スポンサーリンク

html5

-html5
-

□サイト内検索:

投稿日:2011/11/29 更新日:

人気【常時更新】ゲーム好きは一度はプレイしたい!面白くてハマるおすすめのスマホゲームランキング

スポンサーリンク

HTML5のplaceholder

■placeholderについて

input要素の属性

入力欄にあらかじめplaceholderで指定したテキストを表示させることができます。

サンプル

placeholder指定あり

placeholder指定なし


スポンサードリンク
スポンサードリンク

対応ブラウザ

Firefox
Safari
SafariMobile
Chrome
Opera
IEは10から

■HTMLの書き方

[html]
<input type="email" placeholder="PCメールアドレスいれてね。">
[/html]

■CSSの書き方

Operaは指定方法がありません。
webkitの場合は通常のCSSの書き方と異なりコロンは2つ並べます
[css]
input:-moz-placeholder{
color:#777;

}
input::-webkit-input-placeholder {
color:#777;
}
[/css]

idやclassを指定する場合の書き方

[css]
#field3::-webkit-input-placeholder {
color:#090;
background:lightgreen;
text-transform:uppercase;
}
.field4:-moz-placeholder{
color:#ff0;
background:lightgreen;
text-transform:uppercase;

}
[/css]
下のようにまとめて書く方法はCSSが効きません
2010年11月 | Web標準Blog | ミツエーリンクス
[css]
input:required::-webkit-input-placeholder,
input:required:-moz-placeholder {
color: rgba(192, 0, 0, 0.4)
}
[/css]

IE9以下でplaceholderを使用するにはjavascriptを使用しないと実現できません。
HTML5のplaceholder属性をjQueryでやってみる ::ハブろぐ

なおHTML5のformについての各ブラウザ対応一覧は下記リンクでみることができます。
The Current State of HTML5 Forms ・ Wufoo
html5

参照URL

HTML5 placeholder stylization with the help of CSS | Splashnology
HTML5 Tutorial - Input Attr : Placeholder
<input placeholder>?HTML5タグリファレンス


スポンサードリンク

□サイト内検索: 掲載アプリ数が増えてきました。攻略一覧表示で見つからないものなどは検索をご利用ください。

-html5
-


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

ストア高評価4.3!!全世界2,500万ダウンロード達成の本格ストラテジーRPG『アート・オブ・コンクエスト』

城を築いてドラゴンを育てて自軍の英雄を育てていく”兵士たちの反応が楽しい”本格ストラテジーRPG! 全世界2,500万ダウンロード達成で52カ国TOP10ランクインの実績があるアプリゲームです。
「アート・オブ・コンクエスト」の【レビュー】はこちら

 

ヌルヌル動くドットが見ていて楽しいRPG「ラストクラウディア」が事前登録開始!

事前登録者数が5万人を突破!現在事前登録キャンペーン中! ドットキャラが3D空間を駆け回るリアルタイムバトルRPG。ヌルヌル動くドットが見ていて楽しい!「アーク」を装備させて自由にキャラ育成をしていこう

「ラストクラウディア」の事前登録はこちら(メールアドレス登録完了・LINE,Twitter,いずれかで事前登録完了)

「ラストクラウディア」の"事前登録"はこちら

 

スマホアプリ攻略記事特集

Android,iPhoneスマホゲームアプリの攻略記事です。
他にもたくさんアプリ攻略情報あり!他の Android,iPhoneゲームアプリ攻略情報を見る >>

 

アプリレビュー

おすすめスマホゲーム・アプリ

最新スマホゲーム攻略はこちらから!

他にもたくさんアプリ攻略情報あり!他の Android,iPhoneゲームアプリ攻略情報を見る >>

おすすめ記事

1

スマホ代は格安SIMで年間3万円前後の節約できる 今の毎月のスマホ代いくらですか?ちゃんと把握できていますか? スマホ代って結構高いんですよ。 毎月の請求書を見直して、年間支払総額を見てください。実は ...

ゆうべはお楽しみでしたね 2

ゆうべはお楽しみでしたね ・大人気漫画「ゆうべはお楽しみでしたね」が実写ドラマ化!略称は「ゆうたの」 2019年のドラマ「ゆうべはお楽しみでしたね」が1月6日より放送開始です。 人気のオンライン・ゲー ...

3

そんなことできるの?違法サイトとかじゃないの? U-NEXTはファミリーアカウントが分けられるので、家族内で共通利用していても 視聴履歴のプライバシーは守られます。 U-NEXTのポイントがなくなった ...

4

毎月のスマホの通信制限にひっかかってしまい、イライラしてしまっていませんか? 外出中にYoutubeを見たり、スマホゲームをしたりしたいのに、通信制限で快適に動かない。 通信制限にならないようにするに ...

5

ファミコン、スーパーファミコン世代でテレビゲームを楽しんでいた人たちはスマホゲームは「あればゲームじゃない」と思っている人も少なくありません。 いや私も同じこと思ってましたよ。 あくまで待ち合わせの待 ...

6

このページでは『2018年版』おすすめの動画配信サービス(VOD)を比較して紹介していきます。 Netflixだけじゃない!2018年になって色々な動画配信サービスが出てきており、 ・どの動画配信サー ...

7

当サイトでプレイしたおすすめのスマホゲームを攻略していきます。 スマホ人気ゲームランキング

8

当サイトで独自で調べたスマホで遊べる『おすすめ脱出ゲーム』を
ランキング形式で紹介していきます。

9

当サイトで独自で調べたスマホで遊べる『おすすめパズルゲーム』を
ランキング形式で紹介していきます。

10

当サイトで独自で調べたスマホで遊べる『おすすめのスマホアドベンチャーゲーム』を紹介

11

FODプレミアムが選ばれるポイント FOD自体は「非会員でも無料」で使うことができます! FOD非会員の場合には「期間限定のフジテレビ最新話見逃し分」だけ見ることができます。 無料会員でも放送直後のド ...

-html5
-

スポンサーリンク

Copyright© LAGRANGE BLOG , 2019 All Rights Reserved.