时空索引>> text-placeholder>> 返回
项目作者： ARCED-Foundation

项目描述 ：
A simple replacement for the default text field with dynamic input text in the placeholder
高级语言： JavaScript
项目地址: git://github.com/ARCED-Foundation/text-placeholder.git
创建时间： 2020-12-30T06:37:44Z
项目社区：https://github.com/ARCED-Foundation/text-placeholder
开源协议：MIT License
下载


text-placeholder

Download now Download now

Customized text inside placeholder of text type field

Description

Use this field plug-in to use customized text in the placeholder of text type field.

For this field plug-in, enter the text for the text parameter (see Parameters below), and that text will be shown into the field’s placeholder. It can only be used with text field type.

This plug-in was developed based on the baseline-text field-plug-in, therefore, also supports the additional improvements in the baseline-text field-plug-in.

Download now

Default SurveyCTO feature support

Feature / Property Support
Supported field type(s) text
Default values Yes
Custom constraint message Uses default behavior
Custom required message Uses default behavior
Read only Yes (shows the current value, if present)
media:image Yes
media:audio Yes
media:video Yes
number appearance Yes
numbers_decimal appearance Yes
numbers_phone appearance Yes

How to use

To use this field plug-in as-is, just download the text-placeholder.fieldplugin.zip file from this repo, and attach it to your form.

To create your own field plug-in using this as a template, follow these steps:

  1. Fork this repo

  2. Make changes to the files in the source directory.

    • Note: be sure to update the manifest.json file as well.

  3. Zip the updated contents of the source directory.

  4. Rename the .zip file to yourpluginname.fieldplugin.zip (replace yourpluginname with the name you want to use for your field plug-in).
  5. You may then attach your new .fieldplugin.zip file to your form as normal.

Parameters

There is one parameter, text, which is the custom text. The following example can be used in appearance for a text field:

  1. custom-text-placeholder(text='Please write the full name')

More resources