Contact Form 7 如何设置占位符 Placeholder

Contact Form 7 如何设置占位符 Placeholder

设置占位符文本

占位符文本是在输入字段内显示的描述性文本,直到填写该字段。当您开始在字段中键入时,它会消失。占位符文本通常用于当前用户界面,因此您之前可能已经看过它。

要在表单的字段中设置占位符文本,只需要在placeholder表示该字段的表单标记中添加选项和文本值。

您可以使用placeholder以下类型的表单标记中的选项:text,email,url,tel,textarea,number,range,date和captchar。

你在表单标签中设置的占位符文本输出到HTML作为值的占位符属性中输入字段。对于不支持HTML5 占位符属性的旧浏览器,Contact Form 7还提供基于JavaScript的占位符实现。

placeholder选项可在Contact Form 7 3.4及更高版本中找到。旧版本的用户仍然可以使用watermark而不是placeholder。在联系表7 3.4及更高版本,watermark被视为一个别名placeholder,所以你不需要更改watermarkplaceholder当你更新插件。

占位符文本是在输入字段内显示的描述性文本,直到填写该字段。当您开始在字段中键入时,它会消失。占位符文本通常用于当前用户界面,因此您之前可能已经看过它。

要在表单的字段中设置占位符文本,只需要在placeholder表示该字段的表单标记中添加选项和文本值。

您可以使用placeholder以下类型的表单标记中的选项:text,email,url,tel,textarea,number,range,date和captchar。

你在表单标签中设置的占位符文本输出到HTML作为值的占位符属性中输入字段。对于不支持HTML5 占位符属性的旧浏览器,Contact Form 7还提供基于JavaScript的占位符实现。

placeholder选项可在Contact Form 7 3.4及更高版本中找到。旧版本的用户仍然可以使用watermark而不是placeholder。在联系表7 3.4及更高版本,watermark被视为一个别名placeholder,所以你不需要更改watermarkplaceholder当你更新插件。

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/tech/courses/259353.html

(0)
上一篇 2022年5月21日 19:11
下一篇 2022年5月21日 19:15

相关推荐

发表回复

登录后才能评论