diff --git a/src/components/Field.jsx b/src/components/Field.jsx
index a5a022b9..1dd87ddb 100644
--- a/src/components/Field.jsx
+++ b/src/components/Field.jsx
@@ -44,6 +44,7 @@ const Field = ({
   disabled = false,
   formHasErrors = false,
   id,
+  labelsAsPlaceholders,
 }) => {
   const intl = useIntl();
 
@@ -57,13 +58,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' } : {})}
         />
       )}
@@ -71,7 +74,8 @@ const Field = ({
         <TextareaWidget
           id={name}
           name={name}
-          title={label}
+          title={labelsAsPlaceholders ? '' : label}
+          placeholder={labelsAsPlaceholders ? label : ''}
           description={description}
           required={required}
           onChange={onChange}
@@ -86,7 +90,7 @@ const Field = ({
         <SelectWidget
           id={name}
           name={name}
-          title={label}
+          title={labelsAsPlaceholders ? '' : label}
           description={description}
           getVocabulary={() => {}}
           getVocabularyTokenTitle={() => {}}
@@ -185,7 +189,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 db65cea1..4c5ae22b 100644
--- a/src/components/FormView.jsx
+++ b/src/components/FormView.jsx
@@ -110,6 +110,7 @@ const FormView = ({
                         disabled
                         valid
                         formHasErrors={formErrors?.length > 0}
+                        labelsAsPlaceholders={data.labelsAsPlaceholders}
                       />
                     </Grid.Column>
                   </Grid.Row>
@@ -155,6 +156,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 e351aadc..85e7a8bb 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'],
   };