javascript - 恒久的なプレースホルダー?

Question

削除できないデフォルトの開始テキストを入力する簡単な方法はありますか? たとえば、カスタム URL を入力したいのですが、「www.mysite.com/」(入力内) があり、そのビットの後に入力を続行したいのですが、消去できないようにしたいと考えています。

score 3 · Accepted Answer

使用するだけです：

<label>
    Path: www.mysite.com/<input 
        name="path" 
        value="" 
        placeholder="images/foo.jpg">
</label>

...次に、サーバーにプレフィックスを追加します。

入力の背景と境界線を透明になるようにスタイル設定してから、適切な背景と境界線をに適用できます。<label>

score 0 · Accepted Answer

入力のonKeyPressハンドラーを設定し、キーを押すたびに、入力がまだプレフィックスで始まっているかどうかを確認できます (そうでない場合は、それを元に戻すことができます)。

しかし、実際には、実装とユーザビリティの両方の観点から、これはひどい考えになると思います。

やや健全なアプローチは、同じことを行う onBlur イベントを使用することです。入力がすぐに更新されるわけではありませんが、ユーザーがクリックするとすぐに修正されます。

2 に答える 2