タグ

htmlとreadonlyに関するkiyo_hikoのブックマーク (2)

  • 「readonlyの解除ができない」 - 地球ウォーカー2

    と、この間会社の先輩(JavaScriptは初心者)が嘆いていたので、同じコトで困っている誰かの為にエントリ。 その先輩が書いていたソースはこんな感じ。 <script> function f() { var t = document.getElementById('text1'); t.readonly = "false"; } </script> <input type="text" id="text1" value="" readonly /> <input type="button" onclick="f();" value="読取専用解除" /> 期待する動作としては「ボタンクリック→読取専用解除」なんだけど、これではうまくいかない。理由は2つ。 その1:readonlyじゃない HTMLではreadonlyだけど、JavaScriptの場合はreadOnlyというプロパティを使

    「readonlyの解除ができない」 - 地球ウォーカー2
    kiyo_hiko
    kiyo_hiko 2015/10/07
    readonlyとreadOnlyの違い。知っとかないとはまりそう
  • input 要素の disabled 属性と readonly 属性の違い

    (X)HTML の disabled 属性と readonly 属性の違いについて、どちらの属性もユーザーが値を変更できないのは同じですが、振る舞いが異なります。 <input name="a" type="text" value="hoge" disabled="disabled" /> <input name="b" type="text" value="hoge" readonly="readonly" /> 最近、2つの属性の違いが気になって調べたので、以下、HTML 4.01仕様書(和訳)からの引用抜粋と、それぞれの違いを表にまとめました。文中の「選択不能指定」が disabled、「読み出し専用指定」がreadonly です。原文へのリンクも掲載しています。 17.12 選択不能指定と読み出し専用指定からの引用[原文] ユーザによる入力が望ましくなかったり不適切だったりする場合

    kiyo_hiko
    kiyo_hiko 2015/10/07
    disabledはタブオーダーに含まれない、満足なコントロールではなく値を送出しないという話
  • 1