contact form 7如何设置placeholder让提示文字显示在输入框中

　　我们在表单时，可以将提示文字放在输入框的上方或左侧，如果要放在框中提示可以用placeholder来定义，那么contact form 7可以使用placeholder吗？答案是肯定的，如何操作呢？很简单，如下图所示，在定义cf7表单时加上placeholder，比如 [text your-name placeholder "Your name here"]这样就能实现。

　　普及一下：placeholder占位符文本是在输入字段中显示的描述性文本，直到该字段被填满。当你开始输入时，它就消失了。占位符文本通常用于当前用户界面，所以您可能以前见过它。要在窗体中的字段中设置占位符文本，只需向表示该字段的窗体标记添加一个占位符选项和一个文本值。

　　您可以在以下类型的表单标记中使用占位符选项:text, email, url, tel, textarea, number, range, date, and captchar.

　　注意：placeholder只可在Contact Form 73.4或更高版本中使用。

转载于:https://www.cnblogs.com/ytkah/p/11004098.html

contact form 7如何设置placeholder让提示文字显示在输入框中相关推荐

QT 如何设置 QLineEdit 背景提示文字
设置QLineEdit背景提示文字: ui->lineEditType->setPlaceholderText("请输入用户名"); 设置背景提示文字的颜色或者字体大小 ...
[VB.NET]设置TextBox的提示文字
VB2008中,TextBox 控件如何显示提示文字?(密码输入框) 用灰色显示"请输入密码",当鼠标点击的时候灰色的字就消失.当输入框中没有内容并且焦点离开输入框的时候又恢复提 ...
设置TextBox的提示文字
VB2008中,TextBox 控件如何显示提示文字?(密码输入框) 用灰色显示"请输入密码",当鼠标点击的时候灰色的字就消失.当输入框中没有内容并且焦点离开输入框的时候又恢复提示 ...
php输入框里的提示文字,input标签输入框带提示文字方法
本文主要介绍了input 标签实现输入框带提示文字效果(两种方法),需要的朋友可以参考下,希望能帮助到大家. 方法一:html5配合css3实现带提示文字的输入框(摆脱js): webkit特有的一个 ...
python使用input函数时、必须添加提示文字-浅谈python3中input输入的使用
今天谈一下关于python中input的一些基本用法(写给新手入门之用,故只谈比较实用的部分). 首先,我们可以看一下官方文档给我们的解释(在python的shell中输入命令即可): 上面的英文说的 ...
python多行显示_设置图例以多行显示(在python中) - python
我在同一张图中绘制了几条线,我想根据其内容命名这组线.在那些行上,我还没有打算用误差线绘制平均值.但是出现了两个主要问题: 1)我的图例没有按我的预期出现(即使试图在图的范围之外绘制一个额外的点,我也 ...
css设置p标签多余文字显示省略号
效果: <p><strong>商品名称:</strong>新鲜现摘云南绥江半边红李子甜脆脱骨李6斤当季绿色有机水果包邮</p></div> ...
Contact Form 7及WordPress无法收取，发送邮件的解决办法
Contact Form 7及WordPress无法收取,发送邮件的解决办法 contact form 7建站FAQwordpressWordPress插件建站经验分享其实如果Contact For ...
css3 placeholder 特效,css3如何设置placeholder的样式
本篇文章给大家带来的内容是介绍如何使用css3设置placeholder的样式,让大家了解placeholder是什么,如何使用,如何修改修改(设置)其样式.有一定的参考价值,有需要的朋友可以参考一下 ...
axure文本框单击提示文字消失_Axure基础原件使用
本内容从网上搜索,仅供参考学习 1. 添加元件到工作区在左侧元件中选择要使用的元件,按住鼠标左键不放,拖到画布适合的位置上松开. 2. 添加元件名称在检视面板的元件名称文本框中输入元件自定义名称. ...

contact form 7如何设置placeholder让提示文字显示在输入框中

contact form 7如何设置placeholder让提示文字显示在输入框中相关推荐

最新文章

热门文章