如何使用空占位符文本

时间:2014-04-07 20:11:50

标签: php wordpress placeholder

问题很清楚。我如何使用占位符中的文本,例如下面的文本。我一直在寻找这个并且没有找到解决方案。感谢您的帮助。

<input type="text" placeholder="YYYY, MM - 1, DD" name="director_date"
 value="<?php print get_option('director_date');
 ?>" />

4 个答案:

答案 0 :(得分:2)

对于非JavaScript解决方案,您必须在表单提交上测试一个空字段。

<?php
if(empty($_REQUEST['director_date']))
{
    $dir_date = "YYYY, MM - 1, DD"; //Set desired date here.
} else {
    $dir_date = $_REQUEST['director_date'];
}

答案 1 :(得分:1)

我的第一个想法是使用javascript。但是,您应该使用ajax或其他东西将其发送到服务器。

function getMe(){
  var input = document.getElementsByTagName('input');
  var final = [];
  for(var i = 0; i<input.length;i++){
  if(input[i] == ''){
       final[input[i].name] = input[i].placeholder;
    } else {
       final[input[i].name] = input[i].value;
    }
  }
}

答案 2 :(得分:1)

使用“占位符”作为输入的默认值,然后输入一些javascript来清除焦点上的值,如果为空,则将其恢复为模糊。

<input type="text" onfocus="if(this.value=='placeholder text') this.value='';" onblur="if(this.value=='') this.value='placeholder text';" value="placeholder text">

JSFiddle demo

答案 3 :(得分:1)

你可以做这样的事情

$('form').submit(function(){
    var input = $(this).find('input[name=box]');
    if(input.val() == ""){
       input.val(input.attr('placeholder'));       
    };
});

DEMO FIDDLE(忽略警告并返回false):http://jsfiddle.net/TwY3E/