はてなブックマーク

東急電鉄に対する質問、意見等の窓口である東急お客さまセンター(www.tokyu.co.jp)は、電話やFAXのほかにウェブ上のフォームから送信することもできるのですが、「ご利用上の注意」を見るとこんな注意書きが。 ご質問・ご意見フォームは、ＳＳＬ（Secure　Socket　Layer）暗号化通信により保護されております。 「おお、それなら安心だ」などと騙されてはいけません。フレームに対応したブラウザで入力画面に進むと、アドレス欄に表示されるURLは http://www.tokyu.co.jp/ で始まるものになっています。 新規ご質問・ご意見作成画面オリジナル画像 URLが https:// で始まっていませんね。「なんだ、暗号化されてないじゃないか」と思うのですが、このコンテンツはインラインフレームを利用して別途フォーム部分を埋め込んでいる造りになっています。フレームを外してアクセ

3年前にform要素、input要素のaccept属性という記事を書いたのですが、ブラウザの対応状況がかなり変わってきたことと、以前の記事ではHTML5に言及していなかったので、改めてまとめ直してみます。 2017年8月31日追記記事公開から5年ほど経ち、また内容が古くなってきたので<input accept> の対応状況 2017を書きました。より新しい情報はそちらを参照ください。 HTML4.0のDTDでは、accept属性はinput要素でのみ定義されており、form要素に対するaccept属性は仕様書本文で記述されるにとどまっていました。 17.3 The FORM element （HTML 4.0 Specification） 1999年12月のHTML4.01勧告で正式にDTDに組み込まれています。 17.3 The FORM element （HTML 4.01 Speci

HTMLでフォームを作った際、プルダウンやリストボックスにdisabled属性を設定したときの挙動がブラウザによって異なるのが興味深かったのでまとめてみます。 input要素やtextarea要素などのフォームコントロールには、それを無効にするdisabled属性があります。 変更を不可にするreadonly属性と異なり、入力・選択ができなくなるだけでなく、フォーカスが合うことはなく、値の送信も行われません。たとえば次のフォームを送信した場合、 form.php には foo=hoge&baz=fuga しか送られません。 <form action="form.php"> <p><input name="foo" value="hoge" /></p> <p><input name="bar" value="piyo" disabled="disabled" /></p> <p><inpu

アクセシビリティキャンプ東京#1(www.facebook.com)が開催されたので参加してきました。 開催場所は池尻大橋駅近くの「住友不動産 青葉台タワー」だったのですが、間違って「住友不動産 渋谷ガーデンタワー」に行ってしまい、工事中で変な場所からしか入れないし、どうも人気が無いし…、と迷っていたら少し遅れてしまいました。 それはさておき、今回の進行はあらかじめ決めたテーマごとにチームに分かれてディスカッションを行い、最後にその内容を10分で発表するというもの。テーマはこの3つです。 首相官邸を採点する スキップリンクネタ フォームのエラー通知 スキップリンクとフォームももちろん気になったのですが、首相官邸は今しかできないネタだろうと思い、私はこのチームに入りました。というわけで、以下は首相官邸チームに関することをだらだらと書いていきます。 一応おさらい。 今年4月2日に首相官邸サイト