inputタグ要素の属性、maxlengthについて、ちょっと調べてみた。
調査ポイントは２つ。
半角英数と全角でmaxlength値のカウント方法が異なるか？
文字コードによってカウント方法は異なるか？
xhtml 1.0 strict、 xhtml 1.0 transitional、 html 4.01 transitional において、それぞれutf-8、Shift-JIS、euc-jpのサンプルページを用意。
inputタグ要素の属性にmaxlength="5"を追加し、半角と全角を組み合わせた文字「abcテストです」で入力。
検索前後のパラメータ値を各ブラウザで調査。
サンプルページ
| ブラウザ | utf8 | Shift-JIS | euc-jp |
|---|---|---|---|
| IE8 | 入力前 ： abcテス 入力後 ： abcテス |
入力前 ： abcテス 入力後 ： abcテス |
入力前 ： abcテス 入力後 ： abcテス |
| IE7 | 入力前 ： abcテス 入力後 ： abcテス |
入力前 ： abcテス 入力後 ： abcテス |
入力前 ： abcテス 入力後 ： abcテス |
| IE6 | 入力前 ： abcテス 入力後 ： abcテス |
入力前 ： abcテス 入力後 ： abcテス |
入力前 ： abcテス 入力後 ： abcテス |
| FF3.6 | 入力前 ： abcテス 入力後 ： abcテス |
入力前 ： abcテス 入力後 ： abcテス |
入力前 ： abcテス 入力後 ： abcテス |
| Chrome | 入力前 ： abcテス 入力後 ： abcテス |
入力前 ： abcテス 入力後 ： abcテス |
入力前 ： abcテス 入力後 ： abcテス |
| Safari4 | 入力前 ： abcテス 入力後 ： abcテス |
入力前 ： abcテス 入力後 ： abcテス |
入力前 ： abcテス 入力後 ： abcテス |
| Opera10.10 | 入力前 ： abcテス 入力後 ： abcテス |
入力前 ： abcテス 入力後 ： abcテス |
入力前 ： abcテス 入力後 ： abcテス |
| Sleipnir2.9 | 入力前 ： abcテス 入力後 ： abcテス |
入力前 ： abcテス 入力後 ： abcテス |
入力前 ： abcテス 入力後 ： abcテス |
| Safari4（Mac） | 入力前 ： abcテストです 入力後 ： abcテス |
入力前 ： abcテストです 入力後 ： abcテス |
入力前 ： abcテストです 入力後 ： abcテス |
| FF3.6（Mac） | 入力前 ： abcテス 入力後 ： abcテス |
入力前 ： abcテス 入力後 ： abcテス |
入力前 ： abcテス 入力後 ： abcテス |
まず、文書型による結果の違いはなかったため、調査結果は xhtml 1.0 strict、 xhtml 1.0 transitional、 html 4.01 transitional 用にそれぞれ３つ用意せず、一つにしている。
現在主要のブラウザ・文字コードでもmaxlength値は、半角1文字でも全角1文字でも同じ「1」としてカウントされる。
ただし、Safari4においては入力時は2バイト文字はmaxlength値は無視される。しかしデータとしては最初の5文字しか渡らない。
Clipyが超絶便利そうだったので、macOS Big Sur にインストール＆再起動して使ってみた。ところが、command + c を複数の箇所で行い、c・・・
requestAnimationFrame をはじめて見たので調べていたら、setTimeout や setInterval は requestAnimati・・・
6年ぶりに読み返したが、今なおハッとさせられることが多く見つかる。 この本で忘れないようにしたい項目をピックアップするだけでも役に立ちそ・・・
この記事では、以前に読んだ際に付箋を付けていたが、その部分だけを備忘録としてピックアップするため、本の要約ではない。実際は、何倍も濃い内容で、練・・・
もう一回、全部読み返したいところだが、書籍がありすぎるので、当時付箋紙をつけていたところだけをピックアップ。書籍内ではより具体的な説明があるので・・・
この記事でメモしたのは、6年前に独立したときに読んだ箇所に付箋紙をつけていたところで、本の中の一部。起業家資質かどうか知る意味で読んでも面白いと・・・
従業員という働き方ではない道を選ぶ前に読んでおきたい本。独立するときに読んだが、そのときに付箋紙がたくさん付いていたので、その部分を備忘録として・・・
この記事は、名著「ビジョナリー・カンパニー」から見直したいと思った箇所を備忘録として書き記す。 十二の崩れた神話 下記は、ビジョナ・・・
この記事は、名著「ビジョナリー・カンパニー」にて、実際のビジョナリー・カンパニーの基本理念が紹介されていたので抜粋。基本理念をつくる上での参考に・・・
書籍では、それぞれの項目について、補足テキストがあるのだが、これがうなずきポイントだらけ。またページレイアウトやタイトルデザイン、写真の選択・・・
iPhoneやiPadで position: fixed; で絶対配置したエリア内をスクロールするとき、最上部をより上にスクロールしようとしたり、最下部をより・・・
めっちゃ参考になるページを見つけた。 絞り込みをするたびに色々ググっていたが、これがあればほとんどのことが解決できそうな気がする。 参考： これは便利！Word・・・
インスタに投稿した画像を自動でホームページでも更新されるようにしたい。もっとも簡単に実現する方法を紹介する。 公式リファレンスInstagram・・・
まずはサンプル。 これは、overflowをautoにした要素のスクロール位置を変更するサンプルです。 これは、overflowをautoにした要素のスクロ・・・
iframeで呼び出した際、iframe自体はスクロールさせずに高さを取得してiframe全体を表示させます。 サンプル：iframeの高さを自動調整するデモ・・・
やりたいこと カテゴリー一覧ページで、そのカテゴリー一覧ページに属する記事一覧を取得するためにループさせるのとは別に、タイトルやカテゴリー別にデザインを変・・・
【2020年07月13日】 macOS Catalina（10.15.5） / Adobe iLLustrator 2020（24.2.1） にて動作確認済・・・
配列の場合 /** * 配列の重複を削除する * * @param {array} ary* * @return {array} 処理後のary・・・
いつもは直接アップロードしているので気にしていなかったが、WordPress管理画面のメニュー「メディア」からfavicon.icoをアップロードしようとした・・・
http://localhost:8888/ での参照ではなく、http://localhost/ で参照できるようにします。 MAMPの設定を変更する M・・・
「＞前田さん コメントありがとうございます。 環境は分かりかねますが、修正したいファイルのパーミッションを604や644に変更すると書き込みできるようになりま・・・」
「レンズ情報追加しました 150-600mm F5-6.3 DG DN OS | Sports 超望遠レンズ。一本は持ってみたい！」
「アバターを取得する「get_avatar」についても追記しました！」
「「値をクリアする」を追加しました。チェックボックスやラジオボタンの値を何も選択していない状態に戻すときについて触れています。」
「＞匿名さん コメントありがとうございます。 サンプルでは、beforeは何も処理していないので期待する表示にならない、で正解です。 クリックした後が、対応・・・」
「コメントに嬉しいお言葉、ありがとうございます！」
「（匿名）さん コメントありがとうございます。何も設定変更していないのに、それまで使用できていたサーバーが突然使えなくなるのは辛いですよね、、。 ここで紹介したや・・・」
「コメントありがとうございます！ そもそもできるかはわかりませんが、ソースを書き換える必要はあります。 下記記事などが参考になるかもしれません。 illustra・・・」
「公開から14年振りの更新w デッドリンクを削除しました。ツール系は「SEO対策に役立つ便利ツール」に集約します。」
「「特定の「タイプ」に関連付けられた投稿を表示する場合」を一つの場合を追記し、複数の場合と分けました。」