0

灰色の入力フィールドにデフォルトのテキストが必要です。ただし、ユーザーはこのテキストを選択できず、削除もできません。

例：

ユーザーが名前を入力しSusanます。入力を止めると、次のように表示されますSusanCartel。灰色の部分がプレビューとして自動的に表示されます。次に、作成をクリックすると、 が表示されますSusanCartel。この方法でSusanCartelCartelは、プレビューが表示されるため、ユーザーが誤って入力することはありません。

4

2 に答える 2

2

HTML5 には、placeholder使用できる新しい属性があります。

<label for="username">Username:</label>
<input type="text" name="username" id="username" placeholder="Type your username..." />

ただし、これは IE や古いブラウザでは機能しません。

このプラグインは、クロスブラウザーで同じ効果を実現します。

于 2012-05-02T12:55:05.483 に答える
1

私は通常 jquery-watermark を使用します。詳細については、このプラグイン リンクを確認してください。

使用法 ：

$('#inputid').watermark('Required information', {className: 'myClassName'});

また、イントロダクションを注意深く読むと、この点に出くわします

HTML5 の「プレースホルダー」機能をネイティブにサポートする (それをサポートするブラウザーで)、またはプラグインがすべての透かしを制御するようにネイティブ サポートを無効にすることができます

于 2012-05-02T12:57:16.740 に答える