2017-04-15 18 views
0

ここでは、そのトピックについて既にすべてを読んだことがありますが、プレースホルダが表示されない理由はまだわかりません。あなたの専門知識を共有し、私が間違っていることを伝えることを望みます。プレースホルダが表示されない

<input type="text" name="search" class="input-block-level search-query" placeholder="Enter your name" required=""> 

これはどのブラウザでも表示されません。ありがとうございます!

+1

あなたはどのようなブラウザを使用していますか? IE6-9、Opera 10.1、FF <4.0などの特定のブラウザは、「placeholder」属性をサポートしていないことに注意してください。http://caniuse.com/#feat=input-placeholder – Terry

答えて

-1

jqueryを使用してプレースホルダの問題を修正する方法については、このリンクがわかりました。これは良い解決策になります。あなたはこの入力のプレースホルダを表示するには、このコードを使用しようとすることができhttp://www.opensource.org/licenses/mit-license.php

$('[placeholder]').focus(function() { 
var input = $(this); 
if (input.val() == input.attr('placeholder')) { 
input.val(''); 
input.removeClass('placeholder'); } 
}).blur(function() { 
var input = $(this); 
if (input.val() == '' || input.val() == input.attr('placeholder')) { 
input.addClass('placeholder'); 
input.val(input.attr('placeholder')); 
} 
}).blur().parents('form').submit(function() { 
$(this).find('[placeholder]').each(function() { 
var input = $(this); 
if (input.val() == input.attr('placeholder')) { 
input.val(''); 
} 
}) 
}); 
0

http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html そしてここでは、MITライセンスの下でリリースフルjqueryのコード //です。

$(document).ready(function() { 
 
    function add() {if($(this).val() == ''){$(this).val($(this).attr('placeholder')).addClass('placeholder');}} 
 
    function remove() {if($(this).val() == $(this).attr('placeholder')){$(this).val('').removeClass('placeholder');}} 
 
    if (!('placeholder' in $('<input>')[0])) { 
 
     $('input[placeholder]').blur(add).focus(remove).each(add); 
 
     $('div').submit(function(){$(this).find('input[placeholder]').each(remove);}); 
 
    } 
 
});
<div> 
 
<input type="text" name="search" class="input-block-level search-query" placeholder="Enter your name" required> 
 
</div>

関連する問題