Add placeholder to all input in checkout

Add placeholder to all input in checkout

 

Today I will help you add a placeholder for all inputs in the checkout.

To do so you only need to do a few steps as follows.

I will start with the luma theme.

 

 

Step 1: 

Copy the file by following path 

vendor/magento/module-ui/view/frontend/web/templates/form/element/input.html.

 

Step 2:

-Go to the directory :vendor/magento/theme-frontend-luma.

-Create the corresponding folders and paste the file you copied above into it as shown in the picture.

add placeholder to all input in checkout

 

Step 3 : 

Change placeholder: placeholder =>  placeholder: label  .

 

 

In addition to the steps above, you can also do the following.

    Copy the file above and paste it directly into:

 app/design/frontend/{Vendor}/{ThemeName}/Magento_Ui/web/templates/form/element/input.html

 

 

To make sure everything works well, be sure to run the following commands.

+ : php bin/magento setup:static-content:deploy -f 

+ : php bn/magento cache:flush

 

 

Expect results.

add placeholder to all input in checkout