site-forms-placeholders

Plugin activating the dynamics of the placeholders in the specified form (block).

Install

CDN

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/phone-mask-native.min.js"></script>

or

<script src="https://unpkg.com/[email protected]/dist/phone-mask-native.min.js"></script>

Import

Run the command in the console

npm i site-forms-placeholders

Perform the import

const siteFormsPlaceholders = require('site-forms-placeholders');

or

import siteFormsPlaceholders from 'site-forms-placeholders';

Option (selector)

Type: string Default: [data-placeholder-form]

A selector of forms or a blocks inside of which must be activated by the dynamics of the playercholders.

Usage

CDN

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/phone-mask-native.min.js"></script>

...

<script>
   siteFormsPlaceholders();
</script>

or

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/phone-mask-native.min.js"></script>

...

<script>
   siteFormsPlaceholders('your-selector');
</script>

Import

const siteFormsPlaceholders = require('site-forms-placeholders');

siteFormsPlaceholders('your-selector');

or

const siteFormsPlaceholders = require('site-forms-placeholders');

siteFormsPlaceholders();

Note

You can not indicate the selector if the forms (blocks) has an attribute data-placeholder-form

Example:

<form action="#" data-placeholder-form>
   ...
   <input placeholder="The text of the placeholder 1" />
   ...
   <input placeholder="The text of the placeholder 2" />
   ...
   <input placeholder="The text of the placeholder 3" />
   ...
   <textarea placeholder="The text of the placeholder for textarea"></textarea>
   ...
</form>