• 車種別
  • パーツ
  • 整備手帳
  • ブログ
  • みんカラ+

あぶさんHVのブログ一覧

2013年09月12日 イイね!

IE8でplaceholderを実装するときの注意点

一昔前にIE6問題なんてものがあった。
IE6は非常にバグが多く独自の仕様が満載でIE6のためだけに特別なコードを書かなければいけないなんてことが日常茶飯事だった。
IE6が圧倒的なシェアを持っていたころは問題なかったのだが、IE7やIE8の登場やFirefoxの台頭によりIE6のシェアは減り続け、WebデザイナーやWebプログラマーはIE6対応に頭を抱えることになる。
やっとこさIE6が消えて対応しなくてもよくなり問題はなくなったかに見えたのだが、新しい問題が出てきた。それがIE8 + HTML5問題だ。

HTML5というのはいろいろと端折って簡単に言うとHTMLの新バージョンである。いろいろと便利ですごい機能が付いたおかげで、今まで面倒なコードを書いて実装していた機能を簡単に実装できるようになるすごいやつだ。
HTML5を使ったサイトでHTML5の機能を使うにはブラウザ側がHTML5に対応する必要がある。そこで問題になったのがIE8だ。
現在のブラウザシェアはIE10が3割、Chromeが2割、そしてIE8がそれに続いて1割ほどだ。これだけ見ればIE8対応を切り捨てると言う選択肢が出てくるのだが、この割合は全体での話。ターゲットユーザー層によってはIE8対応を切り捨てられなくなる。例えば社内向けシステムなどがそうだろう。

HTML5の機能でおそらくもっともお世話になるのがplaceholderだ。こんな入力フォームを見たことは無いだろうか。

入力すべき情報のヒントが灰色で表示されている。HTML5が無ければ面倒なコードを書く羽目になったのだが、HTML5であれはplaceholder="半角英数"と書けばいい。
HTML5に対応していないブラウザに対応するためのライブラリを使用すれば同じようにplaceholder="半角英数"と書いてライブラリを読み込むだけでいい。だがここに落とし穴がある。

IE8でplaceholder="半角英数"をライブラリで実装し、入力した情報をjqueryでvalue値を取得しajaxで送信すると、placeholderに入力した文字列がそのまま送信される。
ライブラリ側がplaceholderの実装のためにvalue値に値を入れているため発生するようで、これにより意図しないデータが送信されてしまう。
これを防ぐにはデータを送信する前に、送信するデータがplaceholderの値と同じだった場合はそのデータを空にすることで対処できる。ユーザーがplaceholderと同じ値を入力したらアウトだが、placeholderにそんな値を入れることはユーザビリティがよろしくない。
Posted at 2013/09/12 15:10:56 | コメント(1) | トラックバック(0) | 技術メモ | パソコン/インターネット
2013年09月12日 イイね!

遠出の予定

つい先日、久しぶりに遠出したと思ったら、遠出と呼べるのかどうかわからないですがまた遠出の予定が入ってしまいました。

目的地は舞洲スポーツアイランド。
ルートを検索してみると第二京阪→阪神高速を通れと……。無茶言い過ぎ。第二京阪は走ったことありますが、阪神高速は流石に無理です。
しかも友人二人を拾っていかないといけないのでルートがどうしても固定されてしまいます。高速道路を使うと寄り道が多すぎる。

そこで考えたのがこのルート。
外環から府道8号に入り1号線→2号線→北港通へと抜けるルートです。これならほぼ直線です。
問題点は大阪市内を、しかもど真ん中を突っ切らなければいけないと言うこと。
連休を利用して下見に行って、ついてにインフィニティサーキットで走ってこようか。

最近のカリーナですが、エンジンの当たりがついてきたのか高回転まで回した時のガラガラという音が少なくなってきました。
Posted at 2013/09/12 11:55:52 | コメント(0) | トラックバック(0) | 車全般 | クルマ

プロフィール

「ご報告 http://cvw.jp/b/1854908/42411863/
何シテル?   01/15 00:46
いつか終わりが来るその時まで、車とともにありたい

ハイタッチ!drive

みんカラ新規会員登録

ユーザー内検索

<< 2013/9 >>

1 23456 7
8910 11 1213 14
1516 17 1819 2021
22 23 24 25 26 27 28
29 30     

リンク・クリップ

TRD エキゾーストマニホールド 
カテゴリ:その他(カテゴリ未設定)
2015/03/26 11:48:30
エキマニ交換 
カテゴリ:その他(カテゴリ未設定)
2015/03/26 11:45:56
最悪miniショップ Johnbull(ジョンブル) 
カテゴリ:その他(カテゴリ未設定)
2015/03/16 11:26:52

愛車一覧

トヨタ カローラスポーツハイブリッド トヨタ カローラスポーツハイブリッド
速くて楽なやつ AVSは付いているけど10.5インチディスプレイオーディオPlusは付 ...
トヨタ ヴィッツ トヨタ ヴィッツ
2018年12月24日に売却いたしました。 枚方の車屋で販売されています。もし買うという ...
スズキ ワゴンR スズキ ワゴンR
親父の5台目の車です。 知り合いから5万円で譲ってもらいました。 ECU故障により買い ...
トヨタ カリーナ トヨタ カリーナ
2013年5月12日に納車。 MTで修復歴なし、走行距離は1.5万km、本体価格25万円 ...

過去のブログ

2019年
01月02月03月04月05月06月
07月08月09月10月11月12月
2018年
01月02月03月04月05月06月
07月08月09月10月11月12月
2017年
01月02月03月04月05月06月
07月08月09月10月11月12月
2016年
01月02月03月04月05月06月
07月08月09月10月11月12月
2015年
01月02月03月04月05月06月
07月08月09月10月11月12月
2014年
01月02月03月04月05月06月
07月08月09月10月11月12月
2013年
01月02月03月04月05月06月
07月08月09月10月11月12月
ヘルプ利用規約サイトマップ
© LY Corporation