HTML文本框中輸入佔位符不Visual Studio環境

之外的工作，我有一個具有文本在它當用戶點擊進入該框消失一個HTML輸入文本框。這完全適用於使用IE 10和11開發視覺工作室（2010）的內部工作。但是，當我部署到實際站點時，佔位符中的文本將不再可見？我認爲這是因爲VS運行在不同的模式或類似的東西，但我怎麼才能得到它的工作，當網站只是由IIS運行？HTML文本框中輸入佔位符不Visual Studio環境

<input name="query" type="text" id="search_input" placeholder="Search on Client Name or Code"/>

來源

2014-06-12 JamesMarc

有內VS HTML5的容器一些關於IE瀏覽器的不同運行。搜索顯示相互矛盾的答案。 –

也許你可以試試這個，看看它是否工作在兩個地方：

<input id="example-email" type="text" value="Email Address" onfocus="if(this.value === 'Email Address') this.value = '';" onblur="if(this.value === '') this.value = 'Email Address';" name="example-email">

來源

2014-06-12 16:00:24

你好 - 是的，這樣做的替代方式也可以。非常感謝。非常感謝！ – JamesMarc

它基本上是「佔位符」所做的。 –

下面是一個簡單的jQuery的替代方案，我使用。這將找到具有placeholder屬性並切換佔位符的任何元素。

HTML

<input name="query" type="text" id="search_input" placeholder="Search on Client Name or Code"/>

$('[placeholder]').on('focus', function() { 
    if ($(this).val() == $(this).attr('placeholder')) { 
     $(this).val(''); 
     $(this).css('color', '#000000'); 
    } 
}); 
$('[placeholder]').on('blur', function() { 
    if ($(this).val() == '') { 
     $(this).css('color', '#A9A9A9'); 
     $(this).val($(this).attr('placeholder')); 
    } 
}).trigger('blur');

來源

2014-11-13 15:06:38 TechyGypo

HTML文本框中輸入佔位符不Visual Studio環境

回答

相關問題