シンクグラフィカ札幌

メールフォームプロCGI

ガイド表示アドオン(v4.2.4~)

エレメントにフォーカスがあたった際になんかちょっとテキストを表示したい、みたいな要望のための機能です。

テキストエリアなどにフォーカスした際になにか説明文を表示したい!だってplaceholderは入力したら消えちゃうからぁ!!みたいなときって生きていれば4~5回ありますよね。そういうときはフォーカスしたときだけ表示されるテキストって選択肢がメールフォームプロにはあります!

本機能を有効にする場合は
#push @AddOns,'guide.js';
を有効にてください。

んでもって
{<input type="text" name="お名前" required="required">}
みたいなエレメントに
{<input type="text" name="お名前" required="required" data-guide="お名前を入力すればいいよ">}
と設定することで、お名前のエレメントにフォーカスがあたった際にお名前を入力すればいいよというテキストがぴょこっと表示されます。見た目はCSSでなんかいい感じにしてください。

ページ読み込み時に一番最初のエレメントにフォーカス(v4.2.4~) 前方一致リファラチェック(v4.2.4~)