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>