タグ

ブックマーク / memocarilog.info (2)

  • フォーム回りで使える HTML5 タグ

    HTML5で使用できるようになったinputタグの属性などを復習を兼ねてまとめてみました。HTML5になるとJavsScriptを使ったような表現ができるようになったりしています。 入力フォームに関するHTML5はまだIEだと9でも対応していません。その他のモダンブラウザでも対応してないものが多々あります。解釈できないType属性は「type=”text”」と認識されるので、プログレッシブ・エンハンスメントな考えで実装するか、対応していないものはJavaScriptで対応することになります。 こちらの対応表”HTML5 &amp CSS3 Support, Web Design Tools &amp Support – FindMeByIP – CSS3 &amp HTML5 Browser Support”でどのブラウザが対応しているか確認できます。 表示例で使用した画像のブラウザはOp

    フォーム回りで使える HTML5 タグ
    iww
    iww 2019/01/21
    inputの薄い文字とか
  • jQueryで作るスクロールしたら出現してスクロールに追随し、フッターの位置で止まるスムーススクロール

    言葉で説明すると難しいのですが、よくあるスクロールすると「ページトップへ」のボタンが出現して、そのままスクロールに合わせてついてくるものを、そのままページ下までついてこさせずにフッターの位置で止める方法です。IEはバージョン7以上で動きました。 「サンプル」を作りましたのでこちらをご覧頂ければわかりやすいかもしれません。 (サンプルデモのコードは一番下にあります。) ページトップボタンのHTML ページトップボタンのHTMLは以下のようにします。 <p class="gotop"> <a href="#"> <img src="images/gotop.png" alt="ページトップへ戻る"> </a> </p> CSS ページを包んでいる一番親の要素へrelativeを設定します。 #container{ position:

  • 1