テキストボックスを触れなくして、グレーにするといったものを作成したくなったので、作成してみました。
実際に実装してみると、よく入力項目で当たり前のように使われているものも、CSSを絡めて作成しないといけないことがわかりました。

HTMLでテキストボックスを無効化

<input type="text" id="url" name="url" value="テキストボックスを触れなくします" disabled>

 

CSSでテキストボックスのスタイルを指定

input[type="text"][disabled] {

    background-color: #e0e0e0; /* グレーの背景色 */

    color: #9e9e9e; /* テキストの色を薄いグレーに */

}