正文 

当前位置： 首页 > 知识 >

如何使用空占位符文本

     2023-03-05     22

关键词：

【中文标题】如何使用空占位符文本【英文标题】：How to use empty placeholder text 【发布时间】：2014-05-20 06:25:08 【问题描述】：

这个问题很清楚。我如何使用占位符中的文本，例如来自下面的文本。我一直在寻找这个并没有找到解决方案。我们将不胜感激。

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

【问题讨论】：

使用是什么意思？ @smistry 例如，如果没有在框中写入文本，则将使用占位符文本 这是自己发生的？您的意思是在提交表单时您希望占位符作为数据？ 是的，这就是我想要的 @smistry 你能帮忙吗 【参考方案1】：

对于非 javascript 解决方案，您必须在表单提交时测试一个空字段。

<?php
if(empty($_REQUEST['director_date']))

    $dir_date = "YYYY, MM - 1, DD"; //Set desired date here.
 else 
    $dir_date = $_REQUEST['director_date'];

【讨论】：

感谢@TheGunner，这正是我所需要的 很高兴为您提供帮助。如果您认为答案是足够的，您应该考虑通过单击投票赞成/反对按钮附近的复选标记来接受它。【参考方案2】：

我的第一个想法是使用 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;

【讨论】：

这是wordpress，所以我需要使用php。不过感谢您的帮助。在使用 ajax 时可能会派上用场。我已经给你投票了【参考方案3】：

使用您的“占位符”作为输入的默认值，然后输入一些 javascript 以清除焦点上的值并在为空时将其恢复为模糊。

&lt;input type="text" onfocus="if(this.value=='placeholder text') this.value='';" onblur="if(this.value=='') this.value='placeholder text';" value="placeholder text"&gt;

JSFiddle demo

【讨论】：

解决问题的更简单方法。谢谢@lafor 你能解释一下吗？我想使用上面的值。换句话说，回显、打印或控制台记录它【参考方案4】：

你可以这样做

$('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/

【讨论】：

如何使用 CSS 更改输入占位符文本

】如何使用CSS更改输入占位符文本【英文标题】：HowcanIchangeaninputplaceholdertextusingCSS【发布时间】：2020-05-1223:07:45【问题描述】：我正在使用wordpress，我正在尝试使用CSS更改输入占位符内容的内容。通过这样做，我能够在桌面版... 查看详情

如何使用左侧的占位符和右侧的编辑文本创建 UITextField？

】如何使用左侧的占位符和右侧的编辑文本创建UITextField？【英文标题】：HowtocreateUITextFieldwithplaceholdertotheleftandeditedtexttotheright?【发布时间】：2013-09-1108:09:58【问题描述】：如何创建UITextField，左边是占位符，右边是编辑文本？U... 查看详情

如何使用脚本更改 Unity UI 中的占位符文本？

】如何使用脚本更改UnityUI中的占位符文本？【英文标题】：HowtochangeplaceholdertextinUnityUIusingscript?【发布时间】：2015-04-1617:36:10【问题描述】：对于我的项目，默认值是根据外部输出计算的，可以使用新UnityUI中的输入字段更改这... 查看详情

iOS - 如何使用占位符文本创建 UITextView？ [复制]

】iOS-如何使用占位符文本创建UITextView？[复制]【英文标题】：iOS-HowdoIcreateaUITextViewwithplaceholdertext?[duplicate]【发布时间】：2012-09-2803:41:54【问题描述】：可能重复：PlaceholderinUITextView我对iOS比较陌生，我不知道如何用英语调用它... 查看详情

如何在占位符文本上启动光标位置中心反应原生？

】如何在占位符文本上启动光标位置中心反应原生？【英文标题】：Howtoinitiatecursorpositioncenteroverplaceholdertextreactnative?【发布时间】：2021-06-2301:24:53【问题描述】：我的textinput光标最初在占位符文本的开头闪烁。如果我删除占位... 查看详情

如何在swift中使用Google Material MDCOutlinedTextField从文本字段中删除占位符文本？

】如何在swift中使用GoogleMaterialMDCOutlinedTextField从文本字段中删除占位符文本？【英文标题】：howtoremoveplaceholdertextfromtextfieldusingGoogleMaterialMDCOutlinedTextFieldinswift?【发布时间】：2021-08-3112:23:03【问题描述】：这是我编写的代码，但... 查看详情

将占位符添加到 UITextField，如何以编程方式快速设置占位符文本？

】将占位符添加到UITextField，如何以编程方式快速设置占位符文本？【英文标题】：AddPlaceholdertoUITextField,howtosettheplaceholdertextprogrammaticallyinswift?【发布时间】：2016-08-2723:32:03【问题描述】：我正在从数据库中提取一个电话号码，... 查看详情

如何在输入中仅使用占位符斜体

】如何在输入中仅使用占位符斜体【英文标题】：Howtomakeonlyplaceholderitalicsininput【发布时间】：2015-02-2300:13:29【问题描述】：如何将占位符的文本格式化为斜体，但是当有人在文本框内书写时，文本不应该是斜体。代码：<inputt... 查看详情

使用 WordPress TinyMCE wp_editor() 时如何设置占位符文本

】使用WordPressTinyMCEwp_editor()时如何设置占位符文本【英文标题】：HowtosetplaceholdertextwhenusingtheWordPressTinyMCEwp_editor()【发布时间】：2013-12-1822:45:36【问题描述】：您可以为wp_editor()生成的TinyMCE文本区域设置占位符文本吗？http://codex.... 查看详情

如何移动/动画 UITextField 占位符文本

】如何移动/动画UITextField占位符文本【英文标题】：Howtomove/animateUITextFieldplaceholdertext【发布时间】：2017-04-2505:05:44【问题描述】：在许多应用程序中，占位符文本会在选择文本字段时发生变化和动画。这种能力是源于UITextField.pl... 查看详情

缩小占位符文本后如何使占位符和文本框光标居中？

】缩小占位符文本后如何使占位符和文本框光标居中？【英文标题】：HowcanIcentertheplaceholderandtextboxcursoraftershrinkingtheplaceholdertext?【发布时间】：2020-06-1203:41:05【问题描述】：我有一个输入文本框，里面有占位符文本；现在，我... 查看详情

如何替换文本文件中的 $ 占位符？

】如何替换文本文件中的$占位符？【英文标题】：Howtoreplace$placeholdersinatextfile?如何替换文本文件中的$占位符？【发布时间】：2010-09-2918:19:21【问题描述】：我想将“模板”文件的输出通过管道传输到MySQL，该文件中散布着像$dbN... 查看详情

如何使用 CosmicMinds 材质库减少材质 Textfield 中动画占位符文本的空间？

】如何使用CosmicMinds材质库减少材质Textfield中动画占位符文本的空间？【英文标题】：howtoreducethespaceofanimatedplaceholdertextinmaterialTextfieldusingCosmicMindsMateriallibrary?【发布时间】：2017-06-0211:20:09【问题描述】：我正在为我的一个项目... 查看详情

使用空占位符将图像插入幻灯片（powerpoint）

我想在幻灯片中插入图片，但如果有一个空的占位符，图片会自动插入到此占位符中。有没有办法告诉PowerPoint在插入图片时避免空占位符？最好的问候Jesper答案有没有办法告诉PowerPoint在插入图片时避免空占位符？不，但您可以... 查看详情

在 Edge 浏览器上，如何使用 CSS 更改输入占位符文本颜色？

】在Edge浏览器上，如何使用CSS更改输入占位符文本颜色？【英文标题】：OnEdgeBrowser,howtochangeinputplaceholdertextcolorusingCSS?【发布时间】：2015-11-1218:55:28【问题描述】：在Edge浏览器上，我无法更改输入占位符颜色。:-ms-input-placeholder... 查看详情

使用 jQuery 搜索和替换输入占位符文本

...rtextwithjQuery【发布时间】：2017-01-2211:16:43【问题描述】：如何从所有输入框中搜索和替换占位符文本？例子：我想改变<inputtype="text"name="user"id="user"placeholder="User">到<inputtype="text"name 查看详情

Java：如何使用 Map<String,String> 在文本中填充占位符？

】Java：如何使用Map<String,String>在文本中填充占位符？【英文标题】：Java:HowtofillplaceholdersinatextwithMap<String,String>?【发布时间】：2018-03-0320:01:38【问题描述】：我正在使用一个代码，我想用另一个字符串填充几个字符串占... 查看详情

如何在 Django Admin 的搜索框中添加占位符文本？

】如何在DjangoAdmin的搜索框中添加占位符文本？【英文标题】：HowtoaddplaceholdertexttosearchboxinDjangoAdmin?【发布时间】：2017-07-0916:10:15【问题描述】：我在admin.py文件中定义了一堆ModelAdmin实例，其中许多都使用search_fields参数。但是，... 查看详情