diff --git a/examples/Demo/Shared/Pages/List/Autocomplete/AutocompletePage.razor b/examples/Demo/Shared/Pages/List/Autocomplete/AutocompletePage.razor
index 6ac269b8f6..b39eec9ee0 100644
--- a/examples/Demo/Shared/Pages/List/Autocomplete/AutocompletePage.razor
+++ b/examples/Demo/Shared/Pages/List/Autocomplete/AutocompletePage.razor
@@ -50,6 +50,8 @@
 
 <ApiDocumentation Component="typeof(FluentPersona)" />
 
+<MarkdownSection FromAsset="./_content/FluentUI.Demo.Shared/docs/PlaceholderAutofill.md" />
+
 <h2>Accessibility</h2>
 
 This component is compatible with accessibility rules.
diff --git a/examples/Demo/Shared/Pages/List/Combobox/ComboboxPage.razor b/examples/Demo/Shared/Pages/List/Combobox/ComboboxPage.razor
index 4ed93d818a..e5d2456f12 100644
--- a/examples/Demo/Shared/Pages/List/Combobox/ComboboxPage.razor
+++ b/examples/Demo/Shared/Pages/List/Combobox/ComboboxPage.razor
@@ -43,3 +43,5 @@
 <h2 id="documentation">Documentation</h2>
 
 <ApiDocumentation Component="typeof(FluentCombobox<>)" GenericLabel="TOption" />
+
+<MarkdownSection FromAsset="./_content/FluentUI.Demo.Shared/docs/PlaceholderAutofill.md" />
diff --git a/examples/Demo/Shared/Pages/Search/SearchPage.razor b/examples/Demo/Shared/Pages/Search/SearchPage.razor
index 6dbf60814c..079c6623ef 100644
--- a/examples/Demo/Shared/Pages/Search/SearchPage.razor
+++ b/examples/Demo/Shared/Pages/Search/SearchPage.razor
@@ -42,3 +42,5 @@
 <h2 id="documentation">Documentation</h2>
 
 <ApiDocumentation Component="typeof(FluentSearch)" GenericLabel="string?" />
+
+<MarkdownSection FromAsset="./_content/FluentUI.Demo.Shared/docs/PlaceholderAutofill.md" />
diff --git a/examples/Demo/Shared/Pages/TextField/TextFieldPage.razor b/examples/Demo/Shared/Pages/TextField/TextFieldPage.razor
index cdcb063c8b..b4fc90e7d6 100644
--- a/examples/Demo/Shared/Pages/TextField/TextFieldPage.razor
+++ b/examples/Demo/Shared/Pages/TextField/TextFieldPage.razor
@@ -41,3 +41,5 @@
 <h2 id="documentation">Documentation</h2>
 
 <ApiDocumentation Component="typeof(FluentTextField)" GenericLabel="string?" />
+
+<MarkdownSection FromAsset="./_content/FluentUI.Demo.Shared/docs/PlaceholderAutofill.md" />
diff --git a/examples/Demo/Shared/wwwroot/docs/PlaceholderAutofill.md b/examples/Demo/Shared/wwwroot/docs/PlaceholderAutofill.md
new file mode 100644
index 0000000000..f7558ad1ce
--- /dev/null
+++ b/examples/Demo/Shared/wwwroot/docs/PlaceholderAutofill.md
@@ -0,0 +1,21 @@
+### Placeholders and autofill
+The `Placeholder` parameter is used to set the placeholder text for the input field. This is a short hint that describes the expected value of the input field.
+It is displayed when the input field is empty and not focused. 
+
+The placeholder value affects the autofill suggestion feature in Microsoft Edge and Google Chrome.
+Even if you set the `AutoComplete` parameter to `off`, the browser may still display autofill suggestions based on the placeholder value.
+
+There are certain placeholder values which you should avoid to prevent the browser from showing autofill suggestions.
+
+| Value (Placeholder/Name) | Description                          |
+|--------------------------|--------------------------------------|
+| `name`, `full name`, `first name`, `last name` | Personal name fields                   |
+| `email`, `e-mail`, `mail`                | Email address fields                   |
+| `address`, `street`, `city`, `zip`, `postal` | Address and postal code fields        |
+| `phone`, `tel`                           | Phone number fields                    |
+| `username`, `user`, `login`             | Username or login fields              |
+| `password`, `pwd`                       | Password fields                        |
+| `dob`, `birthdate`, `date of birth`     | Date of birth fields                   |
+| `cc`, `card number`, `credit card`      | Credit card fields                     |
+
+If you still want to use these placeholder values, then you need to disable autofill in your browser settings completely.