0

@Html.TextBoxFor() に透かしテキストがあります。透かしテキストをフェードカラーに変更してカスタマイズし、テキストボックスをクリックすると透かしテキストを非表示にしたいと考えています。

これが私のコードです-

@Html.TextBoxFor(model => model.Code, new { maxlength = 5, @placeholder="watermark" })
4

3 に答える 3

1

ブックマークはすべてのブラウザーでサポートされているわけではないため、JavaScript を使用して、ユーザーが透かしをサポートしているブラウザーを使用していなくても、ユーザーに同じ透かしの感触を与える必要があります。jQuery を使用している場合は、これを試してください https://code.google.com/p/jquery-watermark/

于 2013-05-08T12:16:35.533 に答える
0

新しいブラウザーはプレースホルダー テキストをサポートしていますが、フォーカス時の動作は異なります。個人的には、ブラウザが違うということはまったく問題ないと思います。

これらの CSS プロパティを使用して、プレースホルダー テキストのスタイルを設定できます。

CSS

::-webkit-input-placeholder {
   color: red;
}

:-moz-placeholder { /* Firefox 18- */
   color: red;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
}

:-ms-input-placeholder {  
   color: red;  
}

プラグインを使用する代わりに JavaScript ベースのソリューションが必要な場合は、jQuery がなくても自分で簡単に実行できます。

JS の例

<input type="text" value="Watermark" onfocus="if (this.value == 'Watermark') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Watermark';}">
于 2013-05-08T12:56:36.833 に答える