Pardotフォームでプレスホルダーを実装する方法

概要

↓のように、Pardotフォーム上でプレスホルダー(Placeholder)を表示する方法をご紹介します。

方法

レイアウトテンプレートのレイアウトに下記を追加

<script>
//PlaceHolder
$(".form-field.company input").attr('placeholder', '例)株式会社○○○○○');
$(".form-field.last_name input").attr('placeholder', '例)山田');
$(".form-field.first_name input").attr('placeholder', '例)太郎');
$(".form-field.email input").attr('placeholder', '例)account@company.com');
</script>

※jQuery未導入の場合は、下記も追加する。

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>