参见英文答案 >
hide placeholder with css6个
我想在移动视图中显示占位符并在桌面视图中隐藏占位符.我怎么能这样做?
我想在移动视图中显示占位符并在桌面视图中隐藏占位符.我怎么能这样做?
结束输入和移动视图应如下所示:
<label>Enter Name:</label> <input type="text"/>
移动视图应如下所示:
<input type="text" placeholder="Name">
解决方法@H_403_13@
使用jquery:
$(document).ready(function(){
$(window).resize(function(){
var wid = $(this).width();
if((wid > 300) && (wid < 400)) {
$('input[type="text"]').attr('placeholder','name');
$('label').hide();
}
else {
$('input[type="text"]').attr('placeholder','');
$('label').show();
}
})
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<label>Enter Name:</label>
<input class="int" type="text"/>
$(document).ready(function(){ $(window).resize(function(){ var wid = $(this).width(); if((wid > 300) && (wid < 400)) { $('input[type="text"]').attr('placeholder','name'); $('label').hide(); } else { $('input[type="text"]').attr('placeholder',''); $('label').show(); } }) })
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <label>Enter Name:</label> <input class="int" type="text"/>