pc.casey.jp

あるメーリングリストで投稿された質問に疑問を持った。質問メールはあるperlのフレームワークでフォームテンプレートに記述したフォームHTMLのreadonlyが期待通りの動作をしないと言うものだった。見た瞬間にHTMLとXHTMLが混在していることに気がついたが、すぐに指摘するほど自信があるわけでもない。そこで調べてみた。

◆調査する内容

readonlyとdisabledの違い

◆２つのコード

<input name=”id” type=”text” value=”999″ disabled=”disabled” />
<input name=”id” type=”text” value=”999″ readonly=”readonly” />

◆違い（抜粋）

disabled は多くの部品（BUTTON / INPUT / OPTGROUP / OPTION / SELECT / TEXTAREA）をサポートするが、フォーム送信時に（javascript で動的に disabled を解除しなければ）送信されない。一方、 read-only は限られた部品（INPUT / TEXTAREA ）をサポートし、フォーム送信時に情報を受け取ることができる。どちらも共通していることは値を変更できないということ。ちょっと語弊や誤解があるかもしれないけど。

◆参考文献

• 小粋空間: input 要素の disabled 属性と readonly 属性の違い :
  http://www.koikikukan.com/archives/2009/04/26-003300.php

関連記事

• CakePHPでbody onloadを使う
• [Javascript] UnixTimeをDateへ変換する
• Javascript – クリップボード
• CakePHP 簡単に日付入力
• CakePHP Ajaxしてみる
• JavascriptでUnixTime
• [VirtualBasic] 終了処理

スポンサードリンク

このエントリは 2010 3月 16 14:27 に投稿され、HTML・CSS 以下にファイルされています。 あなたは RSS 2.0 フィードを通してこのエントリへのレスポンスを取得することが可能です。 あなたはこの記事に対しコメントすることが可能です。また、あなたのサイトからトラックバックを送ることも可能です。 (TEST-4: 733 )