diff --git a/src/components/Field.jsx b/src/components/Field.jsx
index 3c18033..56f4b89 100644
--- a/src/components/Field.jsx
+++ b/src/components/Field.jsx
@@ -43,6 +43,7 @@ const Field = ({
   disabled = false,
   formHasErrors = false,
   id,
+  labelsAsPlaceholders,
 }) => {
   const intl = useIntl();
 
@@ -56,13 +57,15 @@ const Field = ({
         <TextWidget
           id={name}
           name={name}
-          title={label}
+          title={labelsAsPlaceholders ? '' : label}
+          placeholder={labelsAsPlaceholders ? label : ''}
           description={description}
           required={required}
           onChange={onChange}
           value={value}
           isDisabled={disabled}
           invalid={isInvalid().toString()}
+          columns={labelsAsPlaceholders ? 1 : undefined}
           {...(isInvalid() ? { className: 'is-invalid' } : {})}
         />
       )}
@@ -70,7 +73,8 @@ const Field = ({
         <TextareaWidget
           id={name}
           name={name}
-          title={label}
+          title={labelsAsPlaceholders ? '' : label}
+          placeholder={labelsAsPlaceholders ? label : ''}
           description={description}
           required={required}
           onChange={onChange}
@@ -85,7 +89,7 @@ const Field = ({
         <SelectWidget
           id={name}
           name={name}
-          title={label}
+          title={labelsAsPlaceholders ? '' : label}
           description={description}
           getVocabulary={() => {}}
           getVocabularyTokenTitle={() => {}}
@@ -184,7 +188,8 @@ const Field = ({
         <EmailWidget
           id={name}
           name={name}
-          title={label}
+          title={labelsAsPlaceholders ? '' : label}
+          placeholder={labelsAsPlaceholders ? label : ''}
           description={description}
           required={required}
           onChange={onChange}
diff --git a/src/components/FormView.jsx b/src/components/FormView.jsx
index 36b0b2b..2ef46ee 100644
--- a/src/components/FormView.jsx
+++ b/src/components/FormView.jsx
@@ -112,6 +112,7 @@ const FormView = ({
                         disabled
                         valid
                         formHasErrors={formErrors?.length > 0}
+                        labelsAsPlaceholders={data.labelsAsPlaceholders}
                       />
                     </Grid.Column>
                   </Grid.Row>
@@ -148,6 +149,7 @@ const FormView = ({
                           }
                           valid={isValidField(name)}
                           formHasErrors={formErrors?.length > 0}
+                          labelsAsPlaceholders={data.labelsAsPlaceholders}
                         />
                       </Grid.Column>
                     </Grid.Row>
diff --git a/src/formSchema.js b/src/formSchema.js
index e351aad..85e7a8b 100644
--- a/src/formSchema.js
+++ b/src/formSchema.js
@@ -68,6 +68,7 @@ export default () => {
           'captcha',
           'store',
           'send',
+          'labelsAsPlaceholders',
         ],
       },
     ],
@@ -107,6 +108,10 @@ export default () => {
         type: 'boolean',
         title: intl.formatMessage(messages.send),
       },
+      labelsAsPlaceholders: {
+        type: 'boolean',
+        title: 'Use labels as placeholders',
+      },
     },
     required: ['default_to', 'default_from', 'default_subject'],
   };