frontendmemo

このサイトは、「html、css、js、ruby,ツールなどについて、自分が覚えたこと、またはいつも忘れて調べることを書き溜め、それが結果といて勉強したての初心者の方や自分と同じような技術レベルの人の助けになることを目的とするWebログ」、略してブログです。挨拶→http://frontendmemo.hatenablog.com/entry/2016/06/25/115845

html

数字のmaxlengthが効かない?oninputでの対処法

テキストボックスの文字数制限の仕方は下記の通り。 <input type="text" maxlength="5"> 数字のみに制限したい場合は以下のようにします。 <input type="number" pattern="[0-9]*" maxlength="5"> しかしtype="number"はmaxlengthがききません。 入力を数字と文字数制限両方適応させたい場合の対処法を紹介します。 oninput oninputはjavascriptの i…

全てのフォーカス要素を無効にしたい

JSなどで対象エリア内のフォーカスを全て無効にしたい時があると思います。 全てのフォーカス要素は? フォーカス要素一覧は下記です。 a[href] area[href] [onclick] [tabindex] input button select option textarea output summary video audio object em…

UTF-8で必要な実体参照3つ

機種依存文字のうちどれを実体参照にすべきか、そのまま打つかは悩ましいですね。しかし実際実体参照にしないと文字化けする問題はshift-jisで起こるものなのでUTF-8では気にしなくていいですよ。ということをgoogleのcssスタイルガイドに書いてあります。Go…

Webサイトの実装ページを確認する時の8つの自己チェック

Webサイトのコーディングは、実装が完了して終わりではありません。 ミスは人間である以上逃れられないものなので、それを未然に防ぐチェックというものが不可欠になります。またいかに効率よくチェックできるかがカギとなりますので、自己チェックする点と…