1

デフォルト値のテキスト ボックスがありますが、入力しようとしても値を入力できません。最初に削除キーを使用して既存の値を削除してから、入力できるようにする必要があります。

値を入力したいのですが、タブを変更すると他のボックスも変更されます。現在、フォーカスが変更されていますが、値を入力できません。

<input type="text" name="namebox" id="{concat('textboxvalue', position())}" value="{@proj}" style="font-size:10px;padding:0px;height:15px;width:90px;text-align:right;"/>

@proj: データベースからの値

ありがとう、アニ

4

4 に答える 4

5

input タグと textarea タグでプレースホルダーを使用できます。

<input type='text' placeholder='Default text here' />
<textarea placeholder='Default text here'></textarea>

次に、jQuery でフォールバックを使用します。

$(document).ready(function(e){
    var defaultVal = "Default text here";
    $("input, textarea").val(defaultVal).on("focus", function(){
        if($(this).val() == defaultVal){
            $(this).val("");
        }
    }).on("blur", function(){
        if($(this).val() == ""){
            $(this).val(defaultVal);
        }
    });

});

ここ: http://jsfiddle.net/EZexQ/1/

于 2013-07-25T09:58:57.973 に答える
0

この css-trick article をご覧になることをお勧めします。
jquery フォールバックを使用した html5 プレースホルダー属性の例があります。 

function elementSupportsAttribute(element, attribute) {
  var test = document.createElement(element);
  if (attribute in test) {
    return true;
  } else {
    return false;
  }
};  


if (!elementSupportsAttribute('textarea', 'placeholder')) {
  // Fallback for browsers that don't support HTML5 placeholder attribute
  $("#example-three")
    .data("originalText", $("#example-three").text())
    .css("color", "#999")
    .focus(function() {
        var $el = $(this);
        if (this.value == $el.data("originalText")) {
          this.value = "";
        }
    })
    .blur(function() {
      if (this.value == "") {
          this.value = $(this).data("originalText");
      }
    });
} else {
  // Browser does support HTML5 placeholder attribute, so use it.
  $("#example-three")
    .attr("placeholder", $("#example-three").text())
    .text("");
}
于 2013-07-25T10:02:55.580 に答える
0

焦点について。値を削除するだけです。以下はjqueryのサンプルコードです。ただし、プレーンなjavascriptで実行できます。

<input value=10>
<input value=20>
<input value=30>

$('input').on('focus', function(){
    $(this).val('')
})
于 2013-07-25T10:02:59.710 に答える