Category / html5
【HTML】IE用の条件分岐コメント
2012-12-02 条件分岐コメントを使うと、通常のブラウザにとってはただのHTMLのコメントだけど、Internet Exploerだけに、都合よくその部分を有効なHTMLとして認識させることができる。 以前はよく使われていましたが、 I […]
【HTML】入力欄が1つだけのフォームはEnterキー押下でsubmitされる。submitボタンがなくても。
2012-10-22 問題 フォームがEnterキー押下でsubmitしてくれたり、くれなかったりするのですが、何かルールがあるのですか。 特に、サブミットボタンがないフォームについて。 特に、入力欄が1つのときと、2つのときの違いについて。 […]
【css】Webフォント、ローカルフォントの指定方法
2012-10-09 Webフォントやローカルにあるフォントファイルを使ってテキストを表示したいときは、以下のような書き方になる。 @font-face { font-family: 'MyFont'; src: url(/location/ […]
【html5】canvasしたい（最初の一歩）
2012-10-03 問題 canvas したいです！ 答え とりあえず、素のJavaScriptだと以下のように書けばよい。 HTML <canvas id="canvas" width="320&quo […]
【Javascript】localStrageに値を格納するとき
2012-08-18 問題 localStrageにオブジェクトを格納したいのに、localStrageには文字列しか入らない環境が結構あるらしい。 オブジェクトを格納しようとしたら”[object Object]”に […]
aタグのmailto:で件名、本文まで指定する例
2012-08-02 問題 メール送信のリンクをクリックしたら、件名と本分をセットした状態でメールソフトを起動して欲しい。 答え 「環境によっては、動作は保障できないよ」とはいえ、だいたいの環境でうまくいくようなら、やりたいと言われることもあ […]
【html5】placeholder属性（とりあえず入れてみよう）
2012-06-15 HTML5にはplaceholder属性という属性があります。今から入れるようにして損はないと思います。 こんな感じでセットします。 記述例 <input type="text" name="company" va […]
IEで input type=file のファイルのサイズを取得しようとしたときのメモ
2012-05-24 セキュリティを甘くすると、下のようなVBScriptが通るらしい。 ただ、そんな環境は普通はなくて、「ActiveXコンポーネントはオブジェクトを作成できません。」と言われて、エラーになります。 <SCRIPT L […]
条件付きコメントでIE9以降とIE以外のブラウザだけに表示する
2012-05-09 問題 古いIEでは表示できないcanvasを使っていたり、古いIEではJavascriptの処理が遅すぎたりするとき、「古いIEの場合だけ非表示にする」みたいなことできるかな。 答え こんな条件付きコメントを書くと、IE […]
セキュリティで保護された Web ページ コンテンツのみを表示しますか?
2012-03-14 問題 IEでSSL通信するページ（https://～）で警告がでます。 「セキュリティで保護された Web ページ コンテンツのみを表示しますか?」 答え https://www.softel.co.jp/hoge でも […]
【CSS】ルールが4095個を超えるとIEで無視される
2012-03-06 問題 IEでスタイルシートが効かなくなっちゃったんだけど。 それも中途半端に。 あれれれれ？ 答え IEにはこんな仕様があるそうだ。 Internet Explorer 6 to 9.（IE6から9） A sheet m […]
【html5】input要素のplaceholderの色を変える
2012-02-28 問題 placeholder=”検索” が見づらくなっちゃった。 色って変えれる？ → 答え -moz-placeholder, -webkit-input-placeholder を使う。 : […]
label要素の中に複数のinput要素があると？
2012-01-19 問題 こんなHTMLを書いたんだけど、だめなのかな？ その他の入力欄をクリックすると、その他のラジオボタンはチェックされていいんだけど、入力欄からフォーカスが外れてしまうみたい。 その他の入力をしたら、ラジオボタンもその […]
【CSS】TABLEのセルの中でURLが改行してくれない
2011-12-22 問題 HTMLのtableの中のあるセル（td要素）内に、長いURLが入ると、突っ張り棒のようにそのセルの横幅が大きくなってしまう。 word-wrap:break-word;も効いてくれないみたい。 テーブルのセルの幅 […]
【html5】フォーム要素サンプル（input編）
2011-01-27 問題 html5のinput要素がすごいことになってますね。 答え Javascriptなしにコンボボックスや日付入力（カレンダーが表示される）など、ブラウザを作る方は大変だろうけど、使う方にはありがたい機能が満載。 ブ […]
【html】一度入力した内容をブラウザが勝手に覚える、勝手に表示する
2010-10-25 問題 一度入力した内容をブラウザが勝手に覚えたり、勝手に表示するのなんとかなりません？ ↓ これ 答え 勝手に表示してほしくない場合は、input要素に autocomplete=”off” を付 […]
インラインで画像をHTMLに埋め込むData URLスキーム
2010-06-10 まずはこの画像見えますか？ → 見えなかったら、IE6かIE7あたりをご利用でしょうか。 HTMLには次のように書いています。（見づらくてすみません。） <img src="data:image/png;base […]