只做利于SEO的网站,提供网站建设、SEO、网站代运营等服务。服务中心 | 建站流程 | 网站地图

Wordpress插件contact form 7设置占位符描述文本placeholder

2024-03-02小猴建站 阅读()相关主题:

Wordpress表单插件Contact Form 7字段需要增加占位符placeholder功能,让用户提前知道自己需要填写的内容,提高用户体验。

placeholder一般写法如下:

<input size="40" placeholder="请输入您的姓名" value="" type="text" name="your-name">

编辑联系表单里面,写法如下

[text* your-name autocomplete:name placeholder "请输入您的姓名"]

对于不支持HTML5的占位符属性的旧浏览器,Contact Form 7还提供基于Javascript的占位符实现,目前Contact Form 7的最高版本是5.9,低于3.4版本以下用的watermark也能实现占位符功能。