如何在输入字段中显示占位符名称而不是值名称答案

【问题标题】：How to show placeholder name rather than the value name in the input fiels如何在输入字段中显示占位符名称而不是值名称
【发布时间】：2016-10-05 01:00:46
【问题描述】：

我有一个输入字段，我想显示占位符名称而不是该输入字段的值 (*)。

<div class="form-group">
<label class="sr-only" for="ParkName">Park Name</label>
<input type="text" class="form-control" name="ParkName" value="'*'" placeholder="Park Name" id="park_name"/>
</div>

https://jsfiddle.net/30npt6wf/

【问题讨论】：

然后从值 * 中删除。
如果用户将该字段留空，我需要该值作为 php 查询的默认值
如果用户将该字段留空，则只需在 php 中执行以下操作：if($_POST['ParkName'] == ""){ $ParkName = "*";}
@Mehemmed Rustemzade。我看到了，但问题是它是一个自我提交的操作表单，它只过滤（更新）url参数，所以没有办法在这里写一个 if 或 else 语句

标签： php jquery html css

【解决方案1】：

&lt;input type="text" class="form-control" name="ParkName"  placeholder="Park Name" id="park_name"/&gt;

只使用占位符并让用户键入值。 placeholder 仅在文本框为空时显示帮助文本。

【讨论】：

【解决方案2】：

如果可以使用 Javscript，那么您可以尝试类似下面的链接：

Show placeholder instead of the default value in html form
How to set a value and placeholder together for input text?

为输入字段上的模糊/焦点事件添加一个侦听器，然后将您的值添加到输入字段。

$("#park_name").focus(function() {
 this.value = "'*'";
});

【讨论】：

【解决方案3】：

$("form").submit(function(){
    var input = $("#park_name").val();
    if(input == ""){
         $("#park_name").val("'*'");
    }    
});

<input type="text" class="form-control" name="ParkName"  placeholder="Park Name" id="park_name"/>

【讨论】：

【解决方案4】：

<div class="form-group">
    <label class="sr-only" for="ParkName">Park Name</label>
    <input type="text" class="form-control" name="ParkName"  placeholder="Park Name" id="park_name"/>
    <input type="hidden" name="ParkName" value="'*'" id="park_name"/>
</div>

【讨论】：

虽然只有代码的答案可能会解决问题，但一些解释将有助于理解您是如何解决问题的。