2011年9月16日金曜日

disabledとreadonly

なるほど、書込み禁止の要素結構ありますね、見た目の関係でよくreadonlyを使わずdisabledを使います。

<input name="score" disabled="disabled" value="100" />

しかしdisabledは「使用禁止」という意味ですから、valueはForm送信されないらしい。やはりreadonlyを使うべきだね。

<input name="score" readonly="readonly" value="100" />

見た目はCSSで頑張りましょう
input[readonly=readonly] {
	border: 1px solid #556f8c;
	color: #0a0809;
	text-shadow: 0 -1px 0 #DFE5D7;
	background: -moz-linear-gradient(top, #f6f6f6 0%, #e1e1e1 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e1e1), color-stop(100%,#afafaf)); /* webkit */
}

0 件のコメント:

コメントを投稿