0

私は入力フォームを作成しています.onfocus onblurプレースホルダーなどを行う方法を知っています..

入力フィールドの上に div をレイヤー化することは別として、これが私がやりたいことです..

ユーザーが入力フィールドをクリックしたとき (この例では、Web サイトのアドレスを入力するため)

http:// が入力フィールドに表示されるようにするにはどうすればよいですか。フィールドにフォーカスすると、http:// の後にテキスト プロンプトが表示されます。

Web サイトの URL の残りの部分を入力するだけです。

例： ここに画像の説明を入力

   <fieldset>
     <input type="text" class="requiredField" name="websitename" value="http://" onfocus="if(this.value=='http://')this.value='';" onblur=  "if(this.value=='')this.value='http://';"/>
   </fieldset>

上記の例では、http:// が input 要素に表示されます。しかし、クリックすると消えます。私がやりたいのは、プロンプトが http:// の後に表示されるので、ウェブサイトのアドレスを入力できるということです。

おそらくjQueryでこれを修正できるかもしれませんが、アイデアを得るためにGoogleで何を検索すればよいかを知るのは難しいです.

サイトがこれを実装しているのを見たことがあると確信しています。送信時に、実際に入力した www.fsfsdfsfsd.com ビットだけでなく、完全な URL を解析する必要があるため、画像だけが必要なわけではありません。

乾杯

4

2 に答える 2

1

値を取得し、値を再挿入します。

$('input[name="websitename"]').focus(function() {
    var theVal = $(this).val();
    $(this).val(theVal);
});

申し訳ありませんが、編集しました。閉じ括弧を忘れました。

編集 2: 表示される可能性のある問題の一部は、入力に onfocus と onblur があり、onfocus が既存の値を消去しているという事実です。それを削除して、私のスクリプトを試してください。

于 2012-04-15T00:26:42.793 に答える