前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >contact form 7如何设置placeholder让提示文字显示在输入框中

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

作者头像
ytkah
发布2019-06-24 10:29:47
3.5K0
发布2019-06-24 10:29:47
举报
文章被收录于专栏:ytkah

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

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

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

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

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-06-11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档