373

だから私はテキスト入力を持っています

<input type="text" value="3" class="field left">

ここに私のCSSがあります

background:url("images/number-bg.png") no-repeat scroll 0 0 transparent;
border:0 none;
color:#FFFFFF;
height:17px;
margin:0 13px 0 0;
text-align:center;
width:17px;

何か設定とかコツとかあるんですかね、代わりにレーベルをやろうと思ったんですけど、スタイリングはどうですか？それらを変換するにはどうすればよいですか? より良い方法はありますか、それとも唯一の方法ですか?

4

9 に答える 9

752 
<input type="text" value="3" class="field left" readonly>

スタイリング不要。

<input>MDNを参照してください https://developer.mozilla.org/en/docs/Web/HTML/Element/input#Attributes

于 2010-09-09T11:36:20.427 に答える
73

readonly入力に属性を追加できます。

<input type="text" value="3"
       class="field left" readonly="readonly">

詳細: http://www.w3schools.com/tags/att_input_readonly.asp

于 2010-09-09T11:37:30.183 に答える
42

readonly入力のみを読み取りたい場合は、属性を使用できます。またdisabled、入力を表示したいが完全に無効にしたい場合は、属性を使用できます (PHP のような処理言語でさえ、それらを読み取ることはできません)。

于 2010-09-09T11:40:02.477 に答える
28

利用可能な回答を完了するだけです：

入力要素は、読み取り専用または無効にすることができます (いずれも編集できませんが、いくつかの違いがあります: フォーカスなど)。

HTML フォーム入力フィールドの disabled=“disabled” とreadonly
=“readonly” の違いは何ですか?

使い方：

<input type="text" value="Example" disabled /> 
<input type="text" value="Example" readonly />

ここで説明されているように、CSS または JavaScript を使用して作成するソリューションもいくつかあります。

于 2013-12-04T10:43:07.267 に答える
2

最後に無効を追加するだけです

<input type="text" value="3" class="field left" disabled>
于 2016-08-22T17:08:34.837 に答える
0

すべての入力には読み取り専用または編集可能なフィールドが必要なので、それを使用してください

于 2021-04-17T22:02:45.517 に答える