☰

javascript フィールド値入力をクリアする 質問する

tag-icon • tag-icon javascript jquery html
javascript フィールド値入力をクリアする 質問する

簡単なフォームを作成していますが、初期値をクリアするための次のコードがあります:

ジャバスクリプト:

function clearField(input) {
    input.value = "";
};

html:

<input name="name" id="name" type="text" value="Name" onfocus="clearField(this);"/>

しかし、私が望んでいないのは、ユーザーが入力した内容を再度クリックすると、内容が消去されることです。入力が空の場合にのみ、フィールドにスターター値「名前」が設定されるようにします。よろしくお願いします。

ベストアンサー1

好きになる

<input name="name" id="name" type="text" value="Name" 
   onblur="fillField(this,'Name');" onfocus="clearField(this,'Name');"/>

とjs

function fillField(input,val) {
      if(input.value == "")
         input.value=val;
};

function clearField(input,val) {
      if(input.value == val)
         input.value="";
};

アップデート

がここにありますデモフィドル同じの

おすすめ記事