2012-04-21 20 views
3

HTMLには、他の入力に基づいて値を表示するように設計された特殊な入力タイプがありますか?誰もそれに書き込むことを許可されていないとき。または無効になっているテキストボックスが最善の選択肢ですか?HTML入力タイプ?

答えて

4
<input type="text" readonly /> 

readonlyの属性はあなたの魔法を行います。

+0

すばらしかったです。ありがとう! –

0

は、読み取り専用属性を使用するか、ブラウザで読み取り専用属性を削除するのdiv今日ではその非常に簡単

2

の内容を更新するためにはJavaScriptを使用しています。私はあなたにラベルやスパンを使用し、そのラベル要素の入力ボックスのように見えるようにするためのCSSコードの数行を書くことをお勧めします。

<label>test value</label> 

<style> 
label { 
    padding:3px; 
    border:1px solid black; 
    width:200px; 
} 
</style> 
+0

良いアイデアのように聞こえる、ありがとう。 –

0

HTML5ドラフトでは、output要素がこのような目的で存在します。しかし、同じ目的が他の方法でも達成できるので、それを使用することに多くのポイントがあるとは思わない。

データを表示するには、通常のHTML要素(pまたはdivまたはspanなど)を使用します。

フォームデータに沿ってデータを送信する必要がある場合は、隠し要素<input type=hidden>に入力します。

もちろん、必要に応じて2つを組み合わせることもできます。データを別々に表示し、フォームデータセットに組み込むことができます。