タグ

buttonとhtmlに関するmaaa328のブックマーク (2)

  • divはボタンではない、ボタンの実装について知っておくべきすべてのこと

    クリックできるボタンを実装するとき、HTMLの何をよく使用しますか? buttonタグ、もしくはdivタグ? divを使用してはいけない理由、buttonを使用するときの注意点、場合によってはaがよい理由を紹介します。 Everything you didn’t know you need to know about buttons by Steve Sewell 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ボタンの実装にdivを使用したときの問題点 ボタンをbuttonで実装する buttonのスタイルに関する問題点 buttonのスタイルを正しく設定する方法 フォーム内のbuttonの動作を修正する 他のページへのリンクに使用する場合はaタグで ボタンの実装をコンポーネントにする 終わりに はじめに クリックで

    divはボタンではない、ボタンの実装について知っておくべきすべてのこと
  • コンテンツが少くても下に表示されるフッター - jsdo.it - Share JavaScript, HTML5 and CSS

    コンテンツが少ないと画面の途中にフッターが表示されてしまう事がありますが、足りない場合は画面の一番したにくっつくようにしました。CSSのみ。 (JSはコンテンツの量を変更するのに使っています。) IEは6, 8+です。box-sizing: border-box を使っているので。body直下にコンテンツ全体を含む要素を作り、そこにヘッダー、フッター分の余白を取るようにすればIE 7にも対応できます。 (function() { var nList = document.getElementById('list'); var nAdd = document.getElementById('add'); nList.addEventListener('click', function(event) { this.removeChild(event.target); }, false); nA

    コンテンツが少くても下に表示されるフッター - jsdo.it - Share JavaScript, HTML5 and CSS
  • 1