diff --git a/CHANGELOG.md b/CHANGELOG.md
index 847ce604be..9bbc638518 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -21,10 +21,12 @@ should change the heading of the (upcoming) version to include a major version b
 
 - Updated most of the widgets to get `formContext` from the `registry` instead of the `props` since it will no longer be passed
 - Updated `FieldTemplate`, `ObjectFieldTemplate` and `WrapIfAdditionalTemplate` to rename the old `additionalProperties` interface props to the new ones
+- Updated `BaseInputTemplate`, `CheckboxesWidget`, `CheckboxWidget`, `RadioWidget`, `SelectWidget`, and `TextareaWidget` to use `htmlName` for the HTML `name` attribute
 
 ## @rjsf/chakra-ui
 
 - Updated `FieldTemplate`, `ObjectFieldTemplate` and `WrapIfAdditionalTemplate` to rename the old `additionalProperties` interface props to the new ones
+- Updated `BaseInputTemplate`, `CheckboxesWidget`, `CheckboxWidget`, `RadioWidget`, `SelectWidget`, and `TextareaWidget` to use `htmlName` for the HTML `name` attribute
 
 ## @rjsf/core
 
@@ -33,48 +35,61 @@ should change the heading of the (upcoming) version to include a major version b
 - Updated `ObjectField` to refactor the code from a class component to two stateless functional components, replacing the 3 generator-props with the 4 memoized props mentioned in the `@rjsf/utils` changes
 - Updated `Form` to "memoize" the `fieldPathId` and `registry` into the `FormState`, adding a `toIChangeEvent()` helper to restrict the state returned on the `IChangeEvent` interface callbacks
 - Updated `FieldTemplate`, `ObjectFieldTemplate` and `WrapIfAdditionalTemplate` to rename the old `additionalProperties` interface props to the new ones
+- Added `nameGenerator` prop to `Form` component to enable custom HTML `name` attribute generation for form fields
 
 ## @rjsf/daisyui
 
 - Updated the test mocks to remove `formContext` for the widget mock
 - Updated `FieldTemplate`, `ObjectFieldTemplate` and `WrapIfAdditionalTemplate` to rename the old `additionalProperties` interface props to the new ones
+- Updated `BaseInputTemplate`, `CheckboxesWidget`, `CheckboxWidget`, `RadioWidget`, and `TextareaWidget` to use `htmlName` for the HTML `name` attribute
 
 ## @rjsf/fluentui-rc
 
 - Updated `FieldTemplate`, `ObjectFieldTemplate` and `WrapIfAdditionalTemplate` to rename the old `additionalProperties` interface props to the new ones
+- Updated `BaseInputTemplate`, `CheckboxesWidget`, `CheckboxWidget`, `RadioWidget`, `SelectWidget`, and `TextareaWidget` to use `htmlName` for the HTML `name` attribute
 
 ## @rjsf/mantine
 
 - Updated `FieldTemplate`, `ObjectFieldTemplate` and `WrapIfAdditionalTemplate` to rename the old `additionalProperties` interface props to the new ones
+- Updated `BaseInputTemplate`, `CheckboxesWidget`, `CheckboxWidget`, `RadioWidget`, `SelectWidget`, and `TextareaWidget` to use `htmlName` for the HTML `name` attribute
 
 ## @rjsf/mui
 
 - Updated `BaseInputTemplate` and `SelectWidget` to remove `formContext` from the props
 - Updated `FieldTemplate`, `ObjectFieldTemplate` and `WrapIfAdditionalTemplate` to rename the old `additionalProperties` interface props to the new ones
+- Updated `BaseInputTemplate`, `CheckboxesWidget`, `CheckboxWidget`, `RadioWidget`, `SelectWidget`, and `TextareaWidget` to use `htmlName` for the HTML `name` attribute
 
 ## @rjsf/primereact
 
 - Updated `SelectWidget` to remove `formContext` from the props
 - Updated `FieldTemplate`, `ObjectFieldTemplate` and `WrapIfAdditionalTemplate` to rename the old `additionalProperties` interface props to the new ones
+- Updated `BaseInputTemplate`, `CheckboxesWidget`, `CheckboxWidget`, `RadioWidget`, `SelectWidget`, and `TextareaWidget` to use `htmlName` for the HTML `name` attribute
 
 ## @rjsf/react-bootstrap
 
 - Updated `FieldTemplate`, `ObjectFieldTemplate` and `WrapIfAdditionalTemplate` to rename the old `additionalProperties` interface props to the new ones
+- Updated `BaseInputTemplate`, `CheckboxesWidget`, `CheckboxWidget`, `RadioWidget`, `SelectWidget`, and `TextareaWidget` to use `htmlName` for the HTML `name` attribute
 
 ## @rjsf/semantic-ui
 
 - Updated `FieldTemplate`, `ObjectFieldTemplate` and `WrapIfAdditionalTemplate` to rename the old `additionalProperties` interface props to the new ones
+- Updated `BaseInputTemplate`, `CheckboxesWidget`, `CheckboxWidget`, `RadioWidget`, `SelectWidget`, and `TextareaWidget` to use `htmlName` for the HTML `name` attribute
 
 ## @rjsf/shadcn
 
 - Updated the test mocks to remove `formContext` for the widget mock and added `globalFormOptions` in the registry mock
 - Updated `FieldTemplate`, `ObjectFieldTemplate` and `WrapIfAdditionalTemplate` to rename the old `additionalProperties` interface props to the new ones
+- Updated `BaseInputTemplate`, `CheckboxesWidget`, `CheckboxWidget`, `SelectWidget`, and `TextareaWidget` to use `htmlName` for the HTML `name` attribute (Note: `RadioWidget` does not support `htmlName` due to Radix UI RadioGroup limitations)
 
 ## @rjsf/utils
 
 - BREAKING CHANGE: Updated `FieldTemplateProps` and `WrapIfAdditionalTemplateProps` to replace the `onKeyChange()` and `onDropPropertyClick()` callback generator props with the `onKeyRename()`, `onKeyRenameBlur()` and `onRemoveProperty()` callback props
 - BREAKING CHANGE: Updated `ObjectFieldTemplateProps` to replace the `onAddClick()` callback generator prop with the `onAddProperty()` callback prop
 - Added new hook `useDeepCompareMemo()` and its associated tests
+- Added `NameGeneratorFunction` type and two built-in name generators: `bracketNameGenerator` and `dotNotationNameGenerator`
+- Updated `GlobalFormOptions` type to include optional `nameGenerator` field
+- Updated `toFieldPathId()` function to support name generation via the `nameGenerator` option in `GlobalFormOptions`
+- Added `htmlName` field to `WidgetProps` interface to provide the generated HTML `name` attribute to widgets
 
 ## Dev / docs / playground
 - Updated the `formTests.tsx` snapshots to add an `anyOf` of all arrays with different item types and removed the disabling of the optional data controls feature for the optional object with oneOfs
@@ -86,6 +101,7 @@ should change the heading of the (upcoming) version to include a major version b
 - Updated the `custom-templates.md` documentation to reflect the `additionalProperties`-based interface props replacement
 - Updated the `utility-functions.mf` documenation to add the new `useDeepCompareMemo()` hook
 - Updated the `v6.x upgrade guide.md` documentation to add the BREAKING CHANGES to the `FieldTemplateProps`, `ObjectFieldTemplateProps` and `WrapIfAdditionalTemplateProps` interface props changes and the `useDeepCompareMemo()` hook
+- Added documentation for the `nameGenerator` prop in `form-props.md` and v6.x upgrade guide
 
 # 6.0.0-beta.21
 
@@ -209,7 +225,7 @@ should change the heading of the (upcoming) version to include a major version b
   - `ObjectField` and `ArrayField` to use `toFieldPathId` instead of `toIdSchema()` to generate the `fieldPathId`s of all its children
   - Updated the `onChange` handling of fields to make `path` required and either pass it straight through, or use the `fieldPathId.path` instead of using an empty array or appending path information
   - Updated `Form` to use `toFieldPathId()` to generate `fieldPathId` instead of `idSchema`, always providing the `idPrefix` and `idSeparator` in the `globalFormOptions` and make the `path: FieldPathList` required
-  - Updated `LayoutGridField` to remove the `IdSchema` related code in favor of `FieldPathId` code 
+  - Updated `LayoutGridField` to remove the `IdSchema` related code in favor of `FieldPathId` code
 - Also exported the `getTestRegistry()` function from the main `index.ts` to assist developers in creating `registry` object for tests
 - Updated all of the test to deal with the `idSchema` -> `fieldPathId` changes
 
diff --git a/packages/antd/src/templates/BaseInputTemplate/index.tsx b/packages/antd/src/templates/BaseInputTemplate/index.tsx
index b7f0da42c7..872db8fb9e 100644
--- a/packages/antd/src/templates/BaseInputTemplate/index.tsx
+++ b/packages/antd/src/templates/BaseInputTemplate/index.tsx
@@ -30,6 +30,7 @@ export default function BaseInputTemplate<
     disabled,
     registry,
     id,
+    htmlName,
     onBlur,
     onChange,
     onChangeOverride,
@@ -60,7 +61,7 @@ export default function BaseInputTemplate<
       <InputNumber
         disabled={disabled || (readonlyAsDisabled && readonly)}
         id={id}
-        name={id}
+        name={htmlName || id}
         onBlur={!readonly ? handleBlur : undefined}
         onChange={!readonly ? handleNumberChange : undefined}
         onFocus={!readonly ? handleFocus : undefined}
@@ -75,7 +76,7 @@ export default function BaseInputTemplate<
       <Input
         disabled={disabled || (readonlyAsDisabled && readonly)}
         id={id}
-        name={id}
+        name={htmlName || id}
         onBlur={!readonly ? handleBlur : undefined}
         onChange={!readonly ? handleTextChange : undefined}
         onFocus={!readonly ? handleFocus : undefined}
diff --git a/packages/antd/src/widgets/CheckboxWidget/index.tsx b/packages/antd/src/widgets/CheckboxWidget/index.tsx
index 03d328bafe..0455594512 100644
--- a/packages/antd/src/widgets/CheckboxWidget/index.tsx
+++ b/packages/antd/src/widgets/CheckboxWidget/index.tsx
@@ -20,7 +20,8 @@ export default function CheckboxWidget<
   S extends StrictRJSFSchema = RJSFSchema,
   F extends FormContextType = any,
 >(props: WidgetProps<T, S, F>) {
-  const { autofocus, disabled, registry, id, label, hideLabel, onBlur, onChange, onFocus, readonly, value } = props;
+  const { autofocus, disabled, registry, id, htmlName, label, hideLabel, onBlur, onChange, onFocus, readonly, value } =
+    props;
   const { formContext } = registry;
   const { readonlyAsDisabled = true } = formContext as GenericObjectType;
 
@@ -42,7 +43,7 @@ export default function CheckboxWidget<
       checked={typeof value === 'undefined' ? false : value}
       disabled={disabled || (readonlyAsDisabled && readonly)}
       id={id}
-      name={id}
+      name={htmlName || id}
       onChange={!readonly ? handleChange : undefined}
       {...extraProps}
       aria-describedby={ariaDescribedByIds(id)}
diff --git a/packages/antd/src/widgets/CheckboxesWidget/index.tsx b/packages/antd/src/widgets/CheckboxesWidget/index.tsx
index 66d3b2e51d..6f12145606 100644
--- a/packages/antd/src/widgets/CheckboxesWidget/index.tsx
+++ b/packages/antd/src/widgets/CheckboxesWidget/index.tsx
@@ -21,7 +21,19 @@ export default function CheckboxesWidget<
   T = any,
   S extends StrictRJSFSchema = RJSFSchema,
   F extends FormContextType = any,
->({ autofocus, disabled, registry, id, onBlur, onChange, onFocus, options, readonly, value }: WidgetProps<T, S, F>) {
+>({
+  autofocus,
+  disabled,
+  registry,
+  id,
+  htmlName,
+  onBlur,
+  onChange,
+  onFocus,
+  options,
+  readonly,
+  value,
+}: WidgetProps<T, S, F>) {
   const { formContext } = registry;
   const { readonlyAsDisabled = true } = formContext as GenericObjectType;
 
@@ -49,7 +61,7 @@ export default function CheckboxesWidget<
     <>
       <Checkbox.Group
         disabled={disabled || (readonlyAsDisabled && readonly)}
-        name={id}
+        name={htmlName || id}
         onChange={!readonly ? handleChange : undefined}
         value={selectedIndexes}
         {...extraProps}
@@ -60,7 +72,7 @@ export default function CheckboxesWidget<
             <span key={i}>
               <Checkbox
                 id={optionId(id, i)}
-                name={id}
+                name={htmlName || id}
                 autoFocus={i === 0 ? autofocus : false}
                 disabled={Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1}
                 value={String(i)}
diff --git a/packages/antd/src/widgets/RadioWidget/index.tsx b/packages/antd/src/widgets/RadioWidget/index.tsx
index 0aa7e56a72..7ac5aa5bf5 100644
--- a/packages/antd/src/widgets/RadioWidget/index.tsx
+++ b/packages/antd/src/widgets/RadioWidget/index.tsx
@@ -22,6 +22,7 @@ export default function RadioWidget<T = any, S extends StrictRJSFSchema = RJSFSc
   disabled,
   registry,
   id,
+  htmlName,
   onBlur,
   onChange,
   onFocus,
@@ -49,7 +50,7 @@ export default function RadioWidget<T = any, S extends StrictRJSFSchema = RJSFSc
     <Radio.Group
       disabled={disabled || (readonlyAsDisabled && readonly)}
       id={id}
-      name={id}
+      name={htmlName || id}
       onChange={!readonly ? handleChange : undefined}
       onBlur={!readonly ? handleBlur : undefined}
       onFocus={!readonly ? handleFocus : undefined}
@@ -60,7 +61,7 @@ export default function RadioWidget<T = any, S extends StrictRJSFSchema = RJSFSc
         enumOptions.map((option, i) => (
           <Radio
             id={optionId(id, i)}
-            name={id}
+            name={htmlName || id}
             autoFocus={i === 0 ? autofocus : false}
             disabled={disabled || (Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1)}
             key={i}
diff --git a/packages/antd/src/widgets/SelectWidget/index.tsx b/packages/antd/src/widgets/SelectWidget/index.tsx
index 846fe1a1c7..3394126d76 100644
--- a/packages/antd/src/widgets/SelectWidget/index.tsx
+++ b/packages/antd/src/widgets/SelectWidget/index.tsx
@@ -31,6 +31,7 @@ export default function SelectWidget<
   disabled,
   registry,
   id,
+  htmlName,
   multiple,
   onBlur,
   onChange,
@@ -67,7 +68,7 @@ export default function SelectWidget<
   // Antd's typescript definitions do not contain the following props that are actually necessary and, if provided,
   // they are used, so hacking them in via by spreading `extraProps` on the component to avoid typescript errors
   const extraProps = {
-    name: id,
+    name: htmlName || id,
   };
 
   const showPlaceholderOption = !multiple && schema.default === undefined;
diff --git a/packages/antd/src/widgets/TextareaWidget/index.tsx b/packages/antd/src/widgets/TextareaWidget/index.tsx
index 7ba8607c5c..645ece1ea8 100644
--- a/packages/antd/src/widgets/TextareaWidget/index.tsx
+++ b/packages/antd/src/widgets/TextareaWidget/index.tsx
@@ -21,7 +21,19 @@ export default function TextareaWidget<
   T = any,
   S extends StrictRJSFSchema = RJSFSchema,
   F extends FormContextType = any,
->({ disabled, registry, id, onBlur, onChange, onFocus, options, placeholder, readonly, value }: WidgetProps<T, S, F>) {
+>({
+  disabled,
+  registry,
+  id,
+  htmlName,
+  onBlur,
+  onChange,
+  onFocus,
+  options,
+  placeholder,
+  readonly,
+  value,
+}: WidgetProps<T, S, F>) {
   const { formContext } = registry;
   const { readonlyAsDisabled = true } = formContext as GenericObjectType;
 
@@ -42,7 +54,7 @@ export default function TextareaWidget<
     <Input.TextArea
       disabled={disabled || (readonlyAsDisabled && readonly)}
       id={id}
-      name={id}
+      name={htmlName || id}
       onBlur={!readonly ? handleBlur : undefined}
       onChange={!readonly ? handleChange : undefined}
       onFocus={!readonly ? handleFocus : undefined}
diff --git a/packages/chakra-ui/src/BaseInputTemplate/BaseInputTemplate.tsx b/packages/chakra-ui/src/BaseInputTemplate/BaseInputTemplate.tsx
index bf5c7e3537..2ce6d91489 100644
--- a/packages/chakra-ui/src/BaseInputTemplate/BaseInputTemplate.tsx
+++ b/packages/chakra-ui/src/BaseInputTemplate/BaseInputTemplate.tsx
@@ -21,6 +21,7 @@ export default function BaseInputTemplate<
 >(props: BaseInputTemplateProps<T, S, F>) {
   const {
     id,
+    htmlName,
     type,
     value,
     label,
@@ -60,7 +61,7 @@ export default function BaseInputTemplate<
     >
       <Input
         id={id}
-        name={id}
+        name={htmlName || id}
         value={value || value === 0 ? value : ''}
         onChange={onChangeOverride || _onChange}
         onBlur={_onBlur}
diff --git a/packages/chakra-ui/src/CheckboxWidget/CheckboxWidget.tsx b/packages/chakra-ui/src/CheckboxWidget/CheckboxWidget.tsx
index 6fba626a00..1ffbaf5633 100644
--- a/packages/chakra-ui/src/CheckboxWidget/CheckboxWidget.tsx
+++ b/packages/chakra-ui/src/CheckboxWidget/CheckboxWidget.tsx
@@ -23,6 +23,7 @@ export default function CheckboxWidget<
 >(props: WidgetProps<T, S, F>) {
   const {
     id,
+    htmlName,
     value,
     disabled,
     readonly,
@@ -66,7 +67,7 @@ export default function CheckboxWidget<
       )}
       <Checkbox
         id={id}
-        name={id}
+        name={htmlName || id}
         checked={typeof value === 'undefined' ? false : value}
         disabled={disabled || readonly}
         onCheckedChange={_onChange}
diff --git a/packages/chakra-ui/src/CheckboxesWidget/CheckboxesWidget.tsx b/packages/chakra-ui/src/CheckboxesWidget/CheckboxesWidget.tsx
index 8fd180eafd..768fc97143 100644
--- a/packages/chakra-ui/src/CheckboxesWidget/CheckboxesWidget.tsx
+++ b/packages/chakra-ui/src/CheckboxesWidget/CheckboxesWidget.tsx
@@ -22,6 +22,7 @@ export default function CheckboxesWidget<
 >(props: WidgetProps<T, S, F>) {
   const {
     id,
+    htmlName,
     disabled,
     options,
     value,
@@ -70,7 +71,7 @@ export default function CheckboxesWidget<
                 <Checkbox
                   key={index}
                   id={optionId(id, index)}
-                  name={id}
+                  name={htmlName || id}
                   value={String(index)}
                   disabled={disabled || itemDisabled || readonly}
                   onBlur={_onBlur}
diff --git a/packages/chakra-ui/src/RadioWidget/RadioWidget.tsx b/packages/chakra-ui/src/RadioWidget/RadioWidget.tsx
index b26ae13fe4..9fdfa691b5 100644
--- a/packages/chakra-ui/src/RadioWidget/RadioWidget.tsx
+++ b/packages/chakra-ui/src/RadioWidget/RadioWidget.tsx
@@ -18,6 +18,7 @@ import { getChakra } from '../utils';
 
 export default function RadioWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({
   id,
+  htmlName,
   options,
   value,
   required,
@@ -58,7 +59,7 @@ export default function RadioWidget<T = any, S extends StrictRJSFSchema = RJSFSc
         onBlur={_onBlur}
         onFocus={_onFocus}
         value={selectedIndex}
-        name={id}
+        name={htmlName || id}
         aria-describedby={ariaDescribedByIds(id)}
       >
         <Stack direction={row ? 'row' : 'column'}>
diff --git a/packages/chakra-ui/src/SelectWidget/SelectWidget.tsx b/packages/chakra-ui/src/SelectWidget/SelectWidget.tsx
index 9c7e734b11..e66a690e93 100644
--- a/packages/chakra-ui/src/SelectWidget/SelectWidget.tsx
+++ b/packages/chakra-ui/src/SelectWidget/SelectWidget.tsx
@@ -23,6 +23,7 @@ export default function SelectWidget<T = any, S extends StrictRJSFSchema = RJSFS
 ) {
   const {
     id,
+    htmlName,
     options,
     label,
     hideLabel,
@@ -126,7 +127,7 @@ export default function SelectWidget<T = any, S extends StrictRJSFSchema = RJSFS
       <SelectRoot
         collection={selectOptions}
         id={id}
-        name={id}
+        name={htmlName || id}
         multiple={isMultiple}
         closeOnSelect={!isMultiple}
         onBlur={_onBlur}
diff --git a/packages/chakra-ui/src/TextareaWidget/TextareaWidget.tsx b/packages/chakra-ui/src/TextareaWidget/TextareaWidget.tsx
index bf688b7260..407f4b61cc 100644
--- a/packages/chakra-ui/src/TextareaWidget/TextareaWidget.tsx
+++ b/packages/chakra-ui/src/TextareaWidget/TextareaWidget.tsx
@@ -18,6 +18,7 @@ export default function TextareaWidget<
   F extends FormContextType = any,
 >({
   id,
+  htmlName,
   placeholder,
   value,
   label,
@@ -52,7 +53,7 @@ export default function TextareaWidget<
     >
       <Textarea
         id={id}
-        name={id}
+        name={htmlName || id}
         value={value ?? ''}
         placeholder={placeholder}
         autoFocus={autofocus}
diff --git a/packages/core/src/components/Form.tsx b/packages/core/src/components/Form.tsx
index c600f99415..2fe5faa91f 100644
--- a/packages/core/src/components/Form.tsx
+++ b/packages/core/src/components/Form.tsx
@@ -43,6 +43,7 @@ import {
   GlobalFormOptions,
   ERRORS_KEY,
   ID_KEY,
+  NameGeneratorFunction,
 } from '@rjsf/utils';
 import _cloneDeep from 'lodash/cloneDeep';
 import _get from 'lodash/get';
@@ -196,6 +197,9 @@ export interface FormProps<T = any, S extends StrictRJSFSchema = RJSFSchema, F e
    * to put the second parameter before the first in its translation.
    */
   translateString?: Registry['translateString'];
+  /** Optional function to generate custom HTML `name` attributes for form fields.
+   */
+  nameGenerator?: NameGeneratorFunction;
   /** Optional configuration object with flags, if provided, allows users to override default form state behavior
    * Currently only affecting minItems on array fields and handling of setting defaults based on the value of
    * `emptyObjectFields`
@@ -1017,10 +1021,16 @@ export default class Form<
       experimental_componentUpdateStrategy,
       idSeparator = DEFAULT_ID_SEPARATOR,
       idPrefix = DEFAULT_ID_PREFIX,
+      nameGenerator,
     } = props;
     const rootFieldId = uiSchema['ui:rootFieldId'];
     // Omit any options that are undefined or null
-    return { idPrefix: rootFieldId || idPrefix, idSeparator, experimental_componentUpdateStrategy };
+    return {
+      idPrefix: rootFieldId || idPrefix,
+      idSeparator,
+      ...(experimental_componentUpdateStrategy !== undefined && { experimental_componentUpdateStrategy }),
+      ...(nameGenerator !== undefined && { nameGenerator }),
+    };
   }
 
   /** Computed the registry for the form using the given `props`, `schema` and `schemaUtils` */
diff --git a/packages/core/src/components/fields/ArrayField.tsx b/packages/core/src/components/fields/ArrayField.tsx
index 4379d13bcf..2feba937e1 100644
--- a/packages/core/src/components/fields/ArrayField.tsx
+++ b/packages/core/src/components/fields/ArrayField.tsx
@@ -597,14 +597,18 @@ class ArrayField<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends For
       rawErrors,
       name,
     } = this.props;
-    const { widgets, globalUiOptions, schemaUtils } = registry;
+
+    const { widgets, globalUiOptions, schemaUtils, globalFormOptions } = registry;
     const { widget, title: uiTitle, ...options } = getUiOptions<T[], S, F>(uiSchema, globalUiOptions);
     const Widget = getWidget<T[], S, F>(schema, widget, widgets);
     const label = uiTitle ?? schema.title ?? name;
     const displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema, globalUiOptions);
+    // For custom widgets with multiple=true, generate a fieldPathId with isMultiValue flag
+    const multiValueFieldPathId = toFieldPathId('', globalFormOptions, fieldPathId, true);
+
     return (
       <Widget
-        id={fieldPathId.$id}
+        id={multiValueFieldPathId.$id}
         name={name}
         multiple
         onChange={this.onSelectChange}
@@ -624,6 +628,7 @@ class ArrayField<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends For
         placeholder={placeholder}
         autofocus={autofocus}
         rawErrors={rawErrors}
+        htmlName={multiValueFieldPathId.name}
       />
     );
   }
@@ -647,16 +652,20 @@ class ArrayField<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends For
       rawErrors,
       name,
     } = this.props;
-    const { widgets, schemaUtils, globalUiOptions } = registry;
+
+    const { widgets, schemaUtils, globalUiOptions, globalFormOptions } = registry;
     const itemsSchema = schemaUtils.retrieveSchema(schema.items as S, items);
     const enumOptions = optionsList<T[], S, F>(itemsSchema, uiSchema);
     const { widget = 'select', title: uiTitle, ...options } = getUiOptions<T[], S, F>(uiSchema, globalUiOptions);
     const Widget = getWidget<T[], S, F>(schema, widget, widgets);
     const label = uiTitle ?? schema.title ?? name;
     const displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema, globalUiOptions);
+    // For multi-select widgets, generate a fieldPathId with isMultiValue flag
+    const multiValueFieldPathId = toFieldPathId('', globalFormOptions, fieldPathId, true);
+
     return (
       <Widget
-        id={fieldPathId.$id}
+        id={multiValueFieldPathId.$id}
         name={name}
         multiple
         onChange={this.onSelectChange}
@@ -675,6 +684,7 @@ class ArrayField<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends For
         placeholder={placeholder}
         autofocus={autofocus}
         rawErrors={rawErrors}
+        htmlName={multiValueFieldPathId.name}
       />
     );
   }
@@ -697,15 +707,19 @@ class ArrayField<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends For
       formData: items = [],
       rawErrors,
     } = this.props;
-    const { widgets, globalUiOptions, schemaUtils } = registry;
+
+    const { widgets, globalUiOptions, schemaUtils, globalFormOptions } = registry;
     const { widget = 'files', title: uiTitle, ...options } = getUiOptions<T[], S, F>(uiSchema, globalUiOptions);
     const Widget = getWidget<T[], S, F>(schema, widget, widgets);
     const label = uiTitle ?? schema.title ?? name;
     const displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema, globalUiOptions);
+    // For file widgets with multiple=true, generate a fieldPathId with isMultiValue flag
+    const multiValueFieldPathId = toFieldPathId('', globalFormOptions, fieldPathId, true);
+
     return (
       <Widget
         options={options}
-        id={fieldPathId.$id}
+        id={multiValueFieldPathId.$id}
         name={name}
         multiple
         onChange={this.onSelectChange}
@@ -722,6 +736,7 @@ class ArrayField<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends For
         rawErrors={rawErrors}
         label={label}
         hideLabel={!displayLabel}
+        htmlName={multiValueFieldPathId.name}
       />
     );
   }
diff --git a/packages/core/src/components/fields/BooleanField.tsx b/packages/core/src/components/fields/BooleanField.tsx
index 98570fcebc..6a3ec82165 100644
--- a/packages/core/src/components/fields/BooleanField.tsx
+++ b/packages/core/src/components/fields/BooleanField.tsx
@@ -116,6 +116,7 @@ function BooleanField<T = any, S extends StrictRJSFSchema = RJSFSchema, F extend
       registry={registry}
       autofocus={autofocus}
       rawErrors={rawErrors}
+      htmlName={fieldPathId.name}
     />
   );
 }
diff --git a/packages/core/src/components/fields/LayoutMultiSchemaField.tsx b/packages/core/src/components/fields/LayoutMultiSchemaField.tsx
index 3a089fd2b0..383a72fb20 100644
--- a/packages/core/src/components/fields/LayoutMultiSchemaField.tsx
+++ b/packages/core/src/components/fields/LayoutMultiSchemaField.tsx
@@ -220,6 +220,7 @@ export default function LayoutMultiSchemaField<
         onFocus={onFocus}
         value={selectedOption}
         options={widgetOptions}
+        htmlName={fieldPathId.name}
       />
     </FieldTemplate>
   );
diff --git a/packages/core/src/components/fields/StringField.tsx b/packages/core/src/components/fields/StringField.tsx
index 4af1b2e967..7c0e0896ff 100644
--- a/packages/core/src/components/fields/StringField.tsx
+++ b/packages/core/src/components/fields/StringField.tsx
@@ -74,6 +74,7 @@ function StringField<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends
       registry={registry}
       placeholder={placeholder}
       rawErrors={rawErrors}
+      htmlName={fieldPathId.name}
     />
   );
 }
diff --git a/packages/core/src/components/templates/BaseInputTemplate.tsx b/packages/core/src/components/templates/BaseInputTemplate.tsx
index 24eda9c466..f827a3cdfe 100644
--- a/packages/core/src/components/templates/BaseInputTemplate.tsx
+++ b/packages/core/src/components/templates/BaseInputTemplate.tsx
@@ -23,6 +23,7 @@ export default function BaseInputTemplate<
   const {
     id,
     name, // remove this from ...rest
+    htmlName,
     value,
     readonly,
     disabled,
@@ -77,7 +78,7 @@ export default function BaseInputTemplate<
     <>
       <input
         id={id}
-        name={id}
+        name={htmlName || id}
         className='form-control'
         readOnly={readonly}
         disabled={disabled}
diff --git a/packages/core/src/components/widgets/CheckboxWidget.tsx b/packages/core/src/components/widgets/CheckboxWidget.tsx
index 556ebdb97a..1f34a59365 100644
--- a/packages/core/src/components/widgets/CheckboxWidget.tsx
+++ b/packages/core/src/components/widgets/CheckboxWidget.tsx
@@ -31,6 +31,7 @@ function CheckboxWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F exte
   onFocus,
   onChange,
   registry,
+  htmlName,
 }: WidgetProps<T, S, F>) {
   const DescriptionFieldTemplate = getTemplate<'DescriptionFieldTemplate', T, S, F>(
     'DescriptionFieldTemplate',
@@ -73,7 +74,7 @@ function CheckboxWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F exte
         <input
           type='checkbox'
           id={id}
-          name={id}
+          name={htmlName || id}
           checked={typeof value === 'undefined' ? false : value}
           required={required}
           disabled={disabled || readonly}
diff --git a/packages/core/src/components/widgets/CheckboxesWidget.tsx b/packages/core/src/components/widgets/CheckboxesWidget.tsx
index dc6170f70f..7b7beabb7b 100644
--- a/packages/core/src/components/widgets/CheckboxesWidget.tsx
+++ b/packages/core/src/components/widgets/CheckboxesWidget.tsx
@@ -27,6 +27,7 @@ function CheckboxesWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F ex
   onChange,
   onBlur,
   onFocus,
+  htmlName,
 }: WidgetProps<T, S, F>) {
   const checkboxesValues = Array.isArray(value) ? value : [value];
 
@@ -62,7 +63,7 @@ function CheckboxesWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F ex
               <input
                 type='checkbox'
                 id={optionId(id, index)}
-                name={id}
+                name={htmlName || id}
                 checked={checked}
                 value={String(index)}
                 disabled={disabled || itemDisabled || readonly}
diff --git a/packages/core/src/components/widgets/HiddenWidget.tsx b/packages/core/src/components/widgets/HiddenWidget.tsx
index 78ea3254a5..b3f66c5158 100644
--- a/packages/core/src/components/widgets/HiddenWidget.tsx
+++ b/packages/core/src/components/widgets/HiddenWidget.tsx
@@ -8,8 +8,9 @@ import { FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps } from '@rjs
 function HiddenWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({
   id,
   value,
+  htmlName,
 }: WidgetProps<T, S, F>) {
-  return <input type='hidden' id={id} name={id} value={typeof value === 'undefined' ? '' : value} />;
+  return <input type='hidden' id={id} name={htmlName || id} value={typeof value === 'undefined' ? '' : value} />;
 }
 
 export default HiddenWidget;
diff --git a/packages/core/src/components/widgets/RadioWidget.tsx b/packages/core/src/components/widgets/RadioWidget.tsx
index 7873a65ecd..cd227dcd5f 100644
--- a/packages/core/src/components/widgets/RadioWidget.tsx
+++ b/packages/core/src/components/widgets/RadioWidget.tsx
@@ -26,6 +26,7 @@ function RadioWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends
   onFocus,
   onChange,
   id,
+  htmlName,
 }: WidgetProps<T, S, F>) {
   const { enumOptions, enumDisabled, inline, emptyValue } = options;
 
@@ -57,7 +58,7 @@ function RadioWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends
                 type='radio'
                 id={optionId(id, i)}
                 checked={checked}
-                name={id}
+                name={htmlName || id}
                 required={required}
                 value={String(i)}
                 disabled={disabled || itemDisabled || readonly}
diff --git a/packages/core/src/components/widgets/RatingWidget.tsx b/packages/core/src/components/widgets/RatingWidget.tsx
index b17427c75c..1b5a8baae1 100644
--- a/packages/core/src/components/widgets/RatingWidget.tsx
+++ b/packages/core/src/components/widgets/RatingWidget.tsx
@@ -29,6 +29,7 @@ export default function RatingWidget<
   onBlur,
   schema,
   options,
+  htmlName,
 }: WidgetProps<T, S, F>) {
   const { stars = 5, shape = 'star' } = options;
 
@@ -117,7 +118,7 @@ export default function RatingWidget<
         <input
           type='hidden'
           id={id}
-          name={id}
+          name={htmlName || id}
           value={value || ''}
           required={required}
           disabled={disabled || readonly}
diff --git a/packages/core/src/components/widgets/SelectWidget.tsx b/packages/core/src/components/widgets/SelectWidget.tsx
index 7b3c467cb8..d4922b7952 100644
--- a/packages/core/src/components/widgets/SelectWidget.tsx
+++ b/packages/core/src/components/widgets/SelectWidget.tsx
@@ -38,6 +38,7 @@ function SelectWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extend
   onBlur,
   onFocus,
   placeholder,
+  htmlName,
 }: WidgetProps<T, S, F>) {
   const { enumOptions, enumDisabled, emptyValue: optEmptyVal } = options;
   const emptyValue = multiple ? [] : '';
@@ -72,7 +73,7 @@ function SelectWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extend
   return (
     <select
       id={id}
-      name={id}
+      name={htmlName || id}
       multiple={multiple}
       role='combobox'
       className='form-control'
diff --git a/packages/core/src/components/widgets/TextareaWidget.tsx b/packages/core/src/components/widgets/TextareaWidget.tsx
index 5e781e3f9c..80a33b68d4 100644
--- a/packages/core/src/components/widgets/TextareaWidget.tsx
+++ b/packages/core/src/components/widgets/TextareaWidget.tsx
@@ -17,6 +17,7 @@ function TextareaWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F exte
   onChange,
   onBlur,
   onFocus,
+  htmlName,
 }: WidgetProps<T, S, F>) {
   const handleChange = useCallback(
     ({ target: { value } }: ChangeEvent<HTMLTextAreaElement>) => onChange(value === '' ? options.emptyValue : value),
@@ -36,7 +37,7 @@ function TextareaWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F exte
   return (
     <textarea
       id={id}
-      name={id}
+      name={htmlName || id}
       className='form-control'
       value={value ? value : ''}
       placeholder={placeholder}
diff --git a/packages/core/test/SchemaField.test.jsx b/packages/core/test/SchemaField.test.jsx
index b709cdffac..7fc83758a1 100644
--- a/packages/core/test/SchemaField.test.jsx
+++ b/packages/core/test/SchemaField.test.jsx
@@ -55,7 +55,6 @@ describe('SchemaField', () => {
         globalFormOptions: {
           idPrefix: DEFAULT_ID_PREFIX,
           idSeparator: DEFAULT_ID_SEPARATOR,
-          experimental_componentUpdateStrategy: undefined,
         },
       });
     });
@@ -94,7 +93,6 @@ describe('SchemaField', () => {
         globalFormOptions: {
           idPrefix: DEFAULT_ID_PREFIX,
           idSeparator: DEFAULT_ID_SEPARATOR,
-          experimental_componentUpdateStrategy: undefined,
         },
       });
     });
diff --git a/packages/daisyui/src/templates/BaseInputTemplate/BaseInputTemplate.tsx b/packages/daisyui/src/templates/BaseInputTemplate/BaseInputTemplate.tsx
index 4a18c9bd98..3337f8c545 100644
--- a/packages/daisyui/src/templates/BaseInputTemplate/BaseInputTemplate.tsx
+++ b/packages/daisyui/src/templates/BaseInputTemplate/BaseInputTemplate.tsx
@@ -30,6 +30,7 @@ export default function BaseInputTemplate<
 >(props: WidgetProps<T, S, F>) {
   const {
     id,
+    htmlName,
     value,
     required,
     disabled,
@@ -75,7 +76,7 @@ export default function BaseInputTemplate<
         </label>
         <input
           id={id}
-          name={id}
+          name={htmlName || id}
           value={value || value === 0 ? value : ''}
           placeholder={placeholder}
           required={required}
diff --git a/packages/daisyui/src/widgets/CheckboxWidget/CheckboxWidget.tsx b/packages/daisyui/src/widgets/CheckboxWidget/CheckboxWidget.tsx
index ff365e1e02..8d24d9b863 100644
--- a/packages/daisyui/src/widgets/CheckboxWidget/CheckboxWidget.tsx
+++ b/packages/daisyui/src/widgets/CheckboxWidget/CheckboxWidget.tsx
@@ -19,6 +19,7 @@ export default function CheckboxWidget<
 >(props: WidgetProps<T, S, F>) {
   const {
     id,
+    htmlName,
     value,
     required,
     disabled,
@@ -71,6 +72,7 @@ export default function CheckboxWidget<
     <input
       type='checkbox'
       id={id}
+      name={htmlName || id}
       checked={value}
       required={required}
       disabled={disabled || readonly}
diff --git a/packages/daisyui/src/widgets/CheckboxesWidget/CheckboxesWidget.tsx b/packages/daisyui/src/widgets/CheckboxesWidget/CheckboxesWidget.tsx
index 1aa7214f82..bbb5cf727c 100644
--- a/packages/daisyui/src/widgets/CheckboxesWidget/CheckboxesWidget.tsx
+++ b/packages/daisyui/src/widgets/CheckboxesWidget/CheckboxesWidget.tsx
@@ -17,6 +17,7 @@ import { WidgetProps, StrictRJSFSchema, RJSFSchema, FormContextType } from '@rjs
  */
 export default function CheckboxesWidget<T, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({
   id,
+  htmlName,
   disabled,
   options,
   value,
@@ -106,7 +107,7 @@ export default function CheckboxesWidget<T, S extends StrictRJSFSchema = RJSFSch
               type='checkbox'
               id={`${id}-${option.value}`}
               className='checkbox'
-              name={id}
+              name={htmlName || id}
               checked={isChecked(option)}
               required={required}
               disabled={disabled || readonly}
diff --git a/packages/daisyui/src/widgets/RadioWidget/RadioWidget.tsx b/packages/daisyui/src/widgets/RadioWidget/RadioWidget.tsx
index 9690567961..1f65389654 100644
--- a/packages/daisyui/src/widgets/RadioWidget/RadioWidget.tsx
+++ b/packages/daisyui/src/widgets/RadioWidget/RadioWidget.tsx
@@ -15,6 +15,7 @@ import { WidgetProps, StrictRJSFSchema, FormContextType, RJSFSchema } from '@rjs
  */
 export default function RadioWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({
   id,
+  htmlName,
   options,
   value,
   required,
@@ -95,7 +96,7 @@ export default function RadioWidget<T = any, S extends StrictRJSFSchema = RJSFSc
               type='radio'
               id={`${id}-${option.value}`}
               className='radio'
-              name={id}
+              name={htmlName || id}
               value={getValue(option)}
               checked={isChecked(option)}
               required={required}
diff --git a/packages/daisyui/src/widgets/TextareaWidget/TextareaWidget.tsx b/packages/daisyui/src/widgets/TextareaWidget/TextareaWidget.tsx
index 79eeaa89dd..fccf3f7dd0 100644
--- a/packages/daisyui/src/widgets/TextareaWidget/TextareaWidget.tsx
+++ b/packages/daisyui/src/widgets/TextareaWidget/TextareaWidget.tsx
@@ -16,7 +16,7 @@ export default function TextareaWidget<
   S extends StrictRJSFSchema = RJSFSchema,
   F extends FormContextType = any,
 >(props: WidgetProps<T, S, F>) {
-  const { id, value, required, disabled, readonly, onChange, onFocus, onBlur, options } = props;
+  const { id, htmlName, value, required, disabled, readonly, onChange, onFocus, onBlur, options } = props;
 
   /** Handle focus events
    *
@@ -62,6 +62,7 @@ export default function TextareaWidget<
     <div className='form-control'>
       <textarea
         id={id}
+        name={htmlName || id}
         value={value || ''}
         required={required}
         disabled={disabled || readonly}
diff --git a/packages/daisyui/test/__snapshots__/Form.test.tsx.snap b/packages/daisyui/test/__snapshots__/Form.test.tsx.snap
index e06bfead3b..a913294b66 100644
--- a/packages/daisyui/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/daisyui/test/__snapshots__/Form.test.tsx.snap
@@ -20,6 +20,7 @@ exports[`single fields checkbox field 1`] = `
           className="checkbox"
           disabled={false}
           id="root"
+          name="root"
           onBlur={[Function]}
           onChange={[Function]}
           onFocus={[Function]}
@@ -78,6 +79,7 @@ exports[`single fields checkbox field with label 1`] = `
               className="checkbox"
               disabled={false}
               id="root"
+              name="root"
               onBlur={[Function]}
               onChange={[Function]}
               onFocus={[Function]}
@@ -153,6 +155,7 @@ exports[`single fields checkbox field with label and description 1`] = `
               className="checkbox"
               disabled={false}
               id="root"
+              name="root"
               onBlur={[Function]}
               onChange={[Function]}
               onFocus={[Function]}
@@ -236,6 +239,7 @@ exports[`single fields checkbox field with label and rich text description 1`] =
               className="checkbox"
               disabled={false}
               id="root"
+              name="root"
               onBlur={[Function]}
               onChange={[Function]}
               onFocus={[Function]}
@@ -10099,6 +10103,7 @@ exports[`single fields textarea field 1`] = `
           className="textarea textarea-bordered w-full"
           disabled={false}
           id="root"
+          name="root"
           onBlur={[Function]}
           onChange={[Function]}
           onFocus={[Function]}
diff --git a/packages/docs/docs/api-reference/form-props.md b/packages/docs/docs/api-reference/form-props.md
index 81d6b46ea8..9d92ec50e5 100644
--- a/packages/docs/docs/api-reference/form-props.md
+++ b/packages/docs/docs/api-reference/form-props.md
@@ -439,6 +439,47 @@ render(<Form schema={schema} validator={validator} idSeparator={'/'} />, documen
 This will render `<input id="root/first">` instead of `<input
 id="root_first">` when rendering `first`.
 
+## nameGenerator
+
+The `nameGenerator` prop allows you to customize how HTML `name` attributes are generated for form fields. This is essential when submitting form data to backend frameworks that expect specific naming conventions for structured data.
+
+**Default behavior:** When no `nameGenerator` is provided, the `name` attribute will equal the `id` attribute (e.g., `root_tasks_0_title`).
+
+RJSF provides two built-in generators:
+
+**`bracketNameGenerator`** - Generates bracket notation for PHP/Rails (e.g., `root[tasks][0][title]`). Automatically appends `[]` for multi-value fields like checkboxes.
+
+**`dotNotationNameGenerator`** - Generates dot notation for other frameworks (e.g., `root.tasks.0.title`).
+
+```tsx
+import { Form } from '@rjsf/core';
+import { bracketNameGenerator, RJSFSchema } from '@rjsf/utils';
+import validator from '@rjsf/validator-ajv8';
+
+const schema: RJSFSchema = {
+  type: 'object',
+  properties: {
+    firstName: { type: 'string' },
+    tasks: {
+      type: 'array',
+      items: {
+        type: 'object',
+        properties: {
+          title: { type: 'string' },
+        },
+      },
+    },
+  },
+};
+
+render(
+  <Form schema={schema} validator={validator} nameGenerator={bracketNameGenerator} />,
+  document.getElementById('app'),
+);
+```
+
+You can also create a custom generator by implementing the `NameGeneratorFunction` type, which receives `path` (array of path segments), `idPrefix` (typically `'root'`), and optional `isMultiValue` (boolean for multi-value fields).
+
 ## liveOmit
 
 If `omitExtraData` and `liveOmit` are both set to true, then extra form data values that are not in any form field will be removed whenever `onChange` is called. Set to `false` by default.
diff --git a/packages/docs/docs/migration-guides/v6.x upgrade guide.md b/packages/docs/docs/migration-guides/v6.x upgrade guide.md
index 675cc24278..543248e4f2 100644
--- a/packages/docs/docs/migration-guides/v6.x upgrade guide.md	
+++ b/packages/docs/docs/migration-guides/v6.x upgrade guide.md	
@@ -430,6 +430,11 @@ export type GlobalFormOptions = {
   readonly idSeparator?: string;
   /** The component update strategy used by the Form and its fields for performance optimization */
   readonly experimental_componentUpdateStrategy?: 'customDeep' | 'shallow' | 'always';
+  /** Optional function to generate custom HTML name attributes for form elements. Receives the field path segments
+   * and element type (object or array), and returns a custom name string. This allows backends like PHP/Rails
+   * (`root[tasks][0][title]`) or Django (`root__tasks-0__title`) to receive form data in their expected format.
+   */
+  readonly nameGenerator?: NameGeneratorFunction;
 };
 ```
 
@@ -781,7 +786,7 @@ Many new or formerly internally private utility functions are available in `@rjs
 - `optionalControlsId(id: FieldPathId | string, element: 'Add' | 'Msg' | 'Remove')`: Return a consistent `id` for the optional data controls `element`
 - `shouldRenderOptionalField<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(registry: Registry<T, S, F>, schema: S, required: boolean, uiSchema?: UiSchema<T, S, F>): boolean`: Determines if this field should be rendered with the Optional Data Controls UI.
 - `sortedJSONStringify(object: unknown): string`: Stringifies an `object`, sorts object fields in consistent order before stringifying it.
-- `toFieldPathId(fieldPath: string | number, globalFormOptions: GlobalFormOptions, parentPath?: FieldPathId | FieldPathList)`: Constructs the `FieldPathId` for `fieldPath` and the optional `parentPath`, using `globalFormOptions`
+- `toFieldPathId(fieldPath: string | number, globalFormOptions: GlobalFormOptions, parentPath?: FieldPathId | FieldPathList, isMultiValue?: boolean)`: Constructs the `FieldPathId` for `fieldPath` and the optional `parentPath`, using `globalFormOptions`
 - `useDeepCompareMemo<T = unknown>(newValue: T): T`: Hook that stores and returns a `T` value. If `newValue` is the same as the stored one, then the stored one is returned, otherwise `newValue` is stored and returned
 
 ### New validator-based utility functions
@@ -826,3 +831,9 @@ const uiSchema: UiSchema = {
 
 This feature is fully backward compatible - existing forms using object-based `uiSchema.items` will continue to work without changes.
 See the [Dynamic UI Schema Examples](../api-reference/dynamic-ui-schema-examples.md) documentation for comprehensive examples and usage patterns.
+
+### Custom field `name` generation
+
+RJSF 6.x adds support for customizing how HTML `name` attributes are generated for form fields via the new [`nameGenerator`](../api-reference/form-props.md#namegenerator) prop. This enables proper form data submission to backend frameworks that expect specific naming conventions like bracket notation (`root[tasks][0][title]`) for PHP/Rails or dot notation (`root.tasks.0.title`) for other frameworks.
+
+The default behavior is unchanged if the prop is not provided.
diff --git a/packages/fluentui-rc/src/BaseInputTemplate/BaseInputTemplate.tsx b/packages/fluentui-rc/src/BaseInputTemplate/BaseInputTemplate.tsx
index b28bb36578..cb596f2f73 100644
--- a/packages/fluentui-rc/src/BaseInputTemplate/BaseInputTemplate.tsx
+++ b/packages/fluentui-rc/src/BaseInputTemplate/BaseInputTemplate.tsx
@@ -35,6 +35,7 @@ export default function BaseInputTemplate<
 >(props: BaseInputTemplateProps<T, S, F>) {
   const {
     id,
+    htmlName,
     placeholder,
     required,
     readonly,
@@ -68,7 +69,7 @@ export default function BaseInputTemplate<
       )}
       <Input
         id={id}
-        name={id}
+        name={htmlName || id}
         placeholder={placeholder}
         autoFocus={autofocus}
         required={required}
diff --git a/packages/fluentui-rc/src/CheckboxWidget/CheckboxWidget.tsx b/packages/fluentui-rc/src/CheckboxWidget/CheckboxWidget.tsx
index 5a517eff13..bccbc50d0c 100644
--- a/packages/fluentui-rc/src/CheckboxWidget/CheckboxWidget.tsx
+++ b/packages/fluentui-rc/src/CheckboxWidget/CheckboxWidget.tsx
@@ -24,6 +24,7 @@ export default function CheckboxWidget<
   const {
     schema,
     id,
+    htmlName,
     value,
     disabled,
     readonly,
@@ -65,7 +66,7 @@ export default function CheckboxWidget<
       )}
       <Checkbox
         id={id}
-        name={id}
+        name={htmlName || id}
         label={label}
         checked={typeof value === 'undefined' ? false : Boolean(value)}
         required={required}
diff --git a/packages/fluentui-rc/src/CheckboxesWidget/CheckboxesWidget.tsx b/packages/fluentui-rc/src/CheckboxesWidget/CheckboxesWidget.tsx
index 3698b0afcf..653802ac0a 100644
--- a/packages/fluentui-rc/src/CheckboxesWidget/CheckboxesWidget.tsx
+++ b/packages/fluentui-rc/src/CheckboxesWidget/CheckboxesWidget.tsx
@@ -28,6 +28,7 @@ export default function CheckboxesWidget<
   label,
   hideLabel,
   id,
+  htmlName,
   disabled,
   options,
   value,
@@ -73,7 +74,7 @@ export default function CheckboxesWidget<
               <Checkbox
                 key={index}
                 id={optionId(id, index)}
-                name={id}
+                name={htmlName || id}
                 label={option.label}
                 checked={checked}
                 disabled={disabled || itemDisabled || readonly}
diff --git a/packages/fluentui-rc/src/RadioWidget/RadioWidget.tsx b/packages/fluentui-rc/src/RadioWidget/RadioWidget.tsx
index 5668f72bed..6bf41aed4c 100644
--- a/packages/fluentui-rc/src/RadioWidget/RadioWidget.tsx
+++ b/packages/fluentui-rc/src/RadioWidget/RadioWidget.tsx
@@ -19,6 +19,7 @@ import { Label, Radio, RadioGroup, RadioGroupOnChangeData } from '@fluentui/reac
  */
 export default function RadioWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({
   id,
+  htmlName,
   options,
   value,
   required,
@@ -51,7 +52,7 @@ export default function RadioWidget<T = any, S extends StrictRJSFSchema = RJSFSc
       )}
       <RadioGroup
         id={id}
-        name={id}
+        name={htmlName || id}
         layout={inline ? 'horizontal' : 'vertical'}
         value={selectedIndex as string | undefined}
         onChange={_onChange}
diff --git a/packages/fluentui-rc/src/SelectWidget/SelectWidget.tsx b/packages/fluentui-rc/src/SelectWidget/SelectWidget.tsx
index d23fe57cac..9375890db6 100644
--- a/packages/fluentui-rc/src/SelectWidget/SelectWidget.tsx
+++ b/packages/fluentui-rc/src/SelectWidget/SelectWidget.tsx
@@ -25,6 +25,7 @@ function getValue(data: OptionOnSelectData, multiple: boolean) {
  */
 function SelectWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({
   id,
+  htmlName,
   options,
   label,
   hideLabel,
@@ -72,7 +73,7 @@ function SelectWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extend
     >
       <Dropdown
         id={id}
-        name={id}
+        name={htmlName || id}
         multiselect={multiple}
         className='form-control'
         value={dropdownValue}
diff --git a/packages/fluentui-rc/src/TextareaWidget/TextareaWidget.tsx b/packages/fluentui-rc/src/TextareaWidget/TextareaWidget.tsx
index 7a65ba37af..e6507b6be0 100644
--- a/packages/fluentui-rc/src/TextareaWidget/TextareaWidget.tsx
+++ b/packages/fluentui-rc/src/TextareaWidget/TextareaWidget.tsx
@@ -28,6 +28,7 @@ export default function TextareaWidget<
 >(props: WidgetProps<T, S, F>) {
   const {
     id,
+    htmlName,
     placeholder,
     required,
     readonly,
@@ -64,7 +65,7 @@ export default function TextareaWidget<
       )}
       <Textarea
         id={id}
-        name={id}
+        name={htmlName || id}
         placeholder={placeholder}
         autoFocus={autofocus}
         required={required}
diff --git a/packages/mantine/src/templates/BaseInputTemplate.tsx b/packages/mantine/src/templates/BaseInputTemplate.tsx
index d5a7a167c6..9f1aecd707 100644
--- a/packages/mantine/src/templates/BaseInputTemplate.tsx
+++ b/packages/mantine/src/templates/BaseInputTemplate.tsx
@@ -26,6 +26,7 @@ export default function BaseInputTemplate<
 >(props: BaseInputTemplateProps<T, S, F>) {
   const {
     id,
+    htmlName,
     type,
     schema,
     value,
@@ -77,7 +78,7 @@ export default function BaseInputTemplate<
     inputProps.type === 'number' || inputProps.type === 'integer' ? (
       <NumberInput
         id={id}
-        name={id}
+        name={htmlName || id}
         label={labelValue(label || undefined, hideLabel, false)}
         required={required}
         autoFocus={autofocus}
@@ -98,7 +99,7 @@ export default function BaseInputTemplate<
     ) : (
       <TextInput
         id={id}
-        name={id}
+        name={htmlName || id}
         label={labelValue(label || undefined, hideLabel, false)}
         required={required}
         autoFocus={autofocus}
diff --git a/packages/mantine/src/widgets/CheckboxWidget.tsx b/packages/mantine/src/widgets/CheckboxWidget.tsx
index 00581785b6..f1a7756176 100644
--- a/packages/mantine/src/widgets/CheckboxWidget.tsx
+++ b/packages/mantine/src/widgets/CheckboxWidget.tsx
@@ -26,6 +26,7 @@ export default function CheckboxWidget<
   const {
     id,
     name,
+    htmlName,
     value = false,
     required,
     disabled,
@@ -92,7 +93,7 @@ export default function CheckboxWidget<
       )}
       <Checkbox
         id={id}
-        name={name}
+        name={htmlName || name}
         label={labelValue(label || undefined, hideLabel, false)}
         disabled={disabled || readonly}
         required={required}
diff --git a/packages/mantine/src/widgets/CheckboxesWidget.tsx b/packages/mantine/src/widgets/CheckboxesWidget.tsx
index 11bb470737..0d75f680ef 100644
--- a/packages/mantine/src/widgets/CheckboxesWidget.tsx
+++ b/packages/mantine/src/widgets/CheckboxesWidget.tsx
@@ -26,6 +26,7 @@ export default function CheckboxesWidget<
 >(props: WidgetProps<T, S, F>) {
   const {
     id,
+    htmlName,
     value,
     required,
     disabled,
@@ -95,7 +96,7 @@ export default function CheckboxesWidget<
               <Checkbox
                 key={i}
                 id={optionId(id, i)}
-                name={id}
+                name={htmlName || id}
                 value={String(i)}
                 label={option.label}
                 disabled={Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1}
diff --git a/packages/mantine/src/widgets/RadioWidget.tsx b/packages/mantine/src/widgets/RadioWidget.tsx
index c9e67b1e98..beef9e2c59 100644
--- a/packages/mantine/src/widgets/RadioWidget.tsx
+++ b/packages/mantine/src/widgets/RadioWidget.tsx
@@ -23,6 +23,7 @@ export default function RadioWidget<T = any, S extends StrictRJSFSchema = RJSFSc
 ) {
   const {
     id,
+    htmlName,
     value,
     required,
     disabled,
@@ -72,7 +73,7 @@ export default function RadioWidget<T = any, S extends StrictRJSFSchema = RJSFSc
   return (
     <Radio.Group
       id={id}
-      name={id}
+      name={htmlName || id}
       value={selected}
       label={!hideLabel ? label : undefined}
       onChange={handleChange}
diff --git a/packages/mantine/src/widgets/SelectWidget.tsx b/packages/mantine/src/widgets/SelectWidget.tsx
index b1d81ba3d2..22b8f1697f 100644
--- a/packages/mantine/src/widgets/SelectWidget.tsx
+++ b/packages/mantine/src/widgets/SelectWidget.tsx
@@ -23,6 +23,7 @@ export default function SelectWidget<T = any, S extends StrictRJSFSchema = RJSFS
 ) {
   const {
     id,
+    htmlName,
     value,
     placeholder,
     required,
@@ -88,7 +89,7 @@ export default function SelectWidget<T = any, S extends StrictRJSFSchema = RJSFS
   return (
     <Component
       id={id}
-      name={id}
+      name={htmlName || id}
       label={labelValue(label || undefined, hideLabel, false)}
       data={selectOptions}
       value={multiple ? (selectedIndexes as any) : (selectedIndexes as string)}
diff --git a/packages/mantine/src/widgets/TextareaWidget.tsx b/packages/mantine/src/widgets/TextareaWidget.tsx
index e27543e0a7..214fcae706 100644
--- a/packages/mantine/src/widgets/TextareaWidget.tsx
+++ b/packages/mantine/src/widgets/TextareaWidget.tsx
@@ -23,6 +23,7 @@ export default function TextareaWidget<
   const {
     id,
     name,
+    htmlName,
     value,
     placeholder,
     required,
@@ -69,7 +70,7 @@ export default function TextareaWidget<
   return (
     <Textarea
       id={id}
-      name={name}
+      name={htmlName || name}
       value={value || ''}
       placeholder={placeholder || undefined}
       required={required}
diff --git a/packages/mui/src/BaseInputTemplate/BaseInputTemplate.tsx b/packages/mui/src/BaseInputTemplate/BaseInputTemplate.tsx
index 53375bbc80..e80ab890d5 100644
--- a/packages/mui/src/BaseInputTemplate/BaseInputTemplate.tsx
+++ b/packages/mui/src/BaseInputTemplate/BaseInputTemplate.tsx
@@ -27,6 +27,7 @@ export default function BaseInputTemplate<
   const {
     id,
     name, // remove this from textFieldProps
+    htmlName,
     placeholder,
     required,
     readonly,
@@ -69,7 +70,7 @@ export default function BaseInputTemplate<
     <>
       <TextField
         id={id}
-        name={id}
+        name={htmlName || id}
         placeholder={placeholder}
         label={labelValue(label || undefined, hideLabel, undefined)}
         autoFocus={autofocus}
diff --git a/packages/mui/src/CheckboxWidget/CheckboxWidget.tsx b/packages/mui/src/CheckboxWidget/CheckboxWidget.tsx
index 90c019ba98..fa9734b34c 100644
--- a/packages/mui/src/CheckboxWidget/CheckboxWidget.tsx
+++ b/packages/mui/src/CheckboxWidget/CheckboxWidget.tsx
@@ -25,6 +25,7 @@ export default function CheckboxWidget<
   const {
     schema,
     id,
+    htmlName,
     value,
     disabled,
     readonly,
@@ -68,7 +69,7 @@ export default function CheckboxWidget<
         control={
           <Checkbox
             id={id}
-            name={id}
+            name={htmlName || id}
             checked={typeof value === 'undefined' ? false : Boolean(value)}
             required={required}
             disabled={disabled || readonly}
diff --git a/packages/mui/src/CheckboxesWidget/CheckboxesWidget.tsx b/packages/mui/src/CheckboxesWidget/CheckboxesWidget.tsx
index 63c93d1842..806afc4d01 100644
--- a/packages/mui/src/CheckboxesWidget/CheckboxesWidget.tsx
+++ b/packages/mui/src/CheckboxesWidget/CheckboxesWidget.tsx
@@ -30,6 +30,7 @@ export default function CheckboxesWidget<
   label,
   hideLabel,
   id,
+  htmlName,
   disabled,
   options,
   value,
@@ -74,7 +75,7 @@ export default function CheckboxesWidget<
             const checkbox = (
               <Checkbox
                 id={optionId(id, index)}
-                name={id}
+                name={htmlName || id}
                 checked={checked}
                 disabled={disabled || itemDisabled || readonly}
                 autoFocus={autofocus && index === 0}
diff --git a/packages/mui/src/RadioWidget/RadioWidget.tsx b/packages/mui/src/RadioWidget/RadioWidget.tsx
index bf2b94c9aa..09800a3cf1 100644
--- a/packages/mui/src/RadioWidget/RadioWidget.tsx
+++ b/packages/mui/src/RadioWidget/RadioWidget.tsx
@@ -22,6 +22,7 @@ import {
  */
 export default function RadioWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({
   id,
+  htmlName,
   options,
   value,
   required,
@@ -54,7 +55,7 @@ export default function RadioWidget<T = any, S extends StrictRJSFSchema = RJSFSc
       )}
       <RadioGroup
         id={id}
-        name={id}
+        name={htmlName || id}
         value={selectedIndex}
         row={row as boolean}
         onChange={_onChange}
@@ -67,7 +68,7 @@ export default function RadioWidget<T = any, S extends StrictRJSFSchema = RJSFSc
             const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
             const radio = (
               <FormControlLabel
-                control={<Radio name={id} id={optionId(id, index)} color='primary' />}
+                control={<Radio name={htmlName || id} id={optionId(id, index)} color='primary' />}
                 label={option.label}
                 value={String(index)}
                 key={index}
diff --git a/packages/mui/src/SelectWidget/SelectWidget.tsx b/packages/mui/src/SelectWidget/SelectWidget.tsx
index 173366f6d5..1853175297 100644
--- a/packages/mui/src/SelectWidget/SelectWidget.tsx
+++ b/packages/mui/src/SelectWidget/SelectWidget.tsx
@@ -25,6 +25,7 @@ export default function SelectWidget<
   schema,
   id,
   name, // remove this from textFieldProps
+  htmlName,
   options,
   label,
   hideLabel,
@@ -65,7 +66,7 @@ export default function SelectWidget<
   return (
     <TextField
       id={id}
-      name={id}
+      name={htmlName || id}
       label={labelValue(label || undefined, hideLabel, undefined)}
       value={!isEmpty && typeof selectedIndexes !== 'undefined' ? selectedIndexes : emptyValue}
       required={required}
diff --git a/packages/primereact/src/BaseInputTemplate/BaseInputTemplate.tsx b/packages/primereact/src/BaseInputTemplate/BaseInputTemplate.tsx
index 47c9512a8a..f094e5a078 100644
--- a/packages/primereact/src/BaseInputTemplate/BaseInputTemplate.tsx
+++ b/packages/primereact/src/BaseInputTemplate/BaseInputTemplate.tsx
@@ -19,6 +19,7 @@ export default function BaseInputTemplate<
 >(props: BaseInputTemplateProps<T, S, F>) {
   const {
     id,
+    htmlName,
     placeholder,
     value,
     required,
@@ -52,7 +53,7 @@ export default function BaseInputTemplate<
   return (
     <InputText
       id={id}
-      name={id}
+      name={htmlName || id}
       placeholder={placeholder}
       {...primeProps}
       {...inputProps}
diff --git a/packages/primereact/src/CheckboxWidget/CheckboxWidget.tsx b/packages/primereact/src/CheckboxWidget/CheckboxWidget.tsx
index 5b4e435d1e..5143c70f73 100644
--- a/packages/primereact/src/CheckboxWidget/CheckboxWidget.tsx
+++ b/packages/primereact/src/CheckboxWidget/CheckboxWidget.tsx
@@ -25,6 +25,7 @@ export default function CheckboxWidget<
 >(props: WidgetProps<T, S, F>) {
   const {
     id,
+    htmlName,
     value,
     disabled,
     readonly,
@@ -68,7 +69,7 @@ export default function CheckboxWidget<
       <div style={{ display: 'flex', flexDirection: 'row', gap: '0.5rem', alignItems: 'center' }}>
         <Checkbox
           inputId={id}
-          name={id}
+          name={htmlName || id}
           {...primeProps}
           disabled={disabled || readonly}
           autoFocus={autofocus}
diff --git a/packages/primereact/src/CheckboxesWidget/CheckboxesWidget.tsx b/packages/primereact/src/CheckboxesWidget/CheckboxesWidget.tsx
index 1952f86af2..a898d4448b 100644
--- a/packages/primereact/src/CheckboxesWidget/CheckboxesWidget.tsx
+++ b/packages/primereact/src/CheckboxesWidget/CheckboxesWidget.tsx
@@ -27,6 +27,7 @@ export default function CheckboxesWidget<
 >(props: WidgetProps<T, S, F>) {
   const {
     id,
+    htmlName,
     disabled,
     options,
     value,
@@ -85,7 +86,7 @@ export default function CheckboxesWidget<
             <div key={index} style={{ display: 'flex', flexDirection: 'row', gap: '0.5rem', alignItems: 'center' }}>
               <Checkbox
                 inputId={optionId(id, index)}
-                name={id}
+                name={htmlName || id}
                 {...primeProps}
                 value={option.value}
                 checked={checked}
diff --git a/packages/primereact/src/RadioWidget/RadioWidget.tsx b/packages/primereact/src/RadioWidget/RadioWidget.tsx
index c4bc49ac7d..d19cb6573f 100644
--- a/packages/primereact/src/RadioWidget/RadioWidget.tsx
+++ b/packages/primereact/src/RadioWidget/RadioWidget.tsx
@@ -18,7 +18,7 @@ import { RadioButton, RadioButtonChangeEvent } from 'primereact/radiobutton';
 export default function RadioWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(
   props: WidgetProps<T, S, F>,
 ) {
-  const { id, value, disabled, readonly, onChange, onBlur, onFocus, options } = props;
+  const { id, htmlName, value, disabled, readonly, onChange, onBlur, onFocus, options } = props;
   const primeProps = (options.prime || {}) as object;
   const { enumOptions, enumDisabled, emptyValue } = options;
 
@@ -39,7 +39,7 @@ export default function RadioWidget<T = any, S extends StrictRJSFSchema = RJSFSc
             <div key={index} style={{ display: 'flex', alignItems: 'center' }}>
               <RadioButton
                 inputId={optionId(id, index)}
-                name={id}
+                name={htmlName || id}
                 {...primeProps}
                 onFocus={_onFocus}
                 onBlur={_onBlur}
diff --git a/packages/primereact/src/SelectWidget/SelectWidget.tsx b/packages/primereact/src/SelectWidget/SelectWidget.tsx
index ce7d9a3865..a6a3234844 100644
--- a/packages/primereact/src/SelectWidget/SelectWidget.tsx
+++ b/packages/primereact/src/SelectWidget/SelectWidget.tsx
@@ -27,6 +27,7 @@ export default function SelectWidget<T = any, S extends StrictRJSFSchema = RJSFS
 function SingleSelectWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({
   schema,
   id,
+  htmlName,
   name, // remove this from dropdownProps
   options,
   label,
@@ -67,7 +68,7 @@ function SingleSelectWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F
   return (
     <Dropdown
       id={id}
-      name={id}
+      name={htmlName || id}
       {...primeProps}
       value={!isEmpty && typeof selectedIndexes !== 'undefined' ? selectedIndexes : emptyValue}
       options={(enumOptions ?? []).map(({ value, label }, i: number) => ({
@@ -89,6 +90,7 @@ function SingleSelectWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F
 
 function MultiSelectWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({
   id,
+  htmlName,
   options,
   disabled,
   placeholder,
@@ -116,7 +118,7 @@ function MultiSelectWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F e
   return (
     <MultiSelect
       id={id}
-      name={id}
+      name={htmlName || id}
       {...primeProps}
       value={!isEmpty && typeof selectedIndexes !== 'undefined' ? selectedIndexes : emptyValue}
       options={(enumOptions ?? []).map(({ value, label }, i: number) => ({
diff --git a/packages/primereact/src/TextareaWidget/TextareaWidget.tsx b/packages/primereact/src/TextareaWidget/TextareaWidget.tsx
index bb4b0586e3..ef5a29d71c 100644
--- a/packages/primereact/src/TextareaWidget/TextareaWidget.tsx
+++ b/packages/primereact/src/TextareaWidget/TextareaWidget.tsx
@@ -11,7 +11,7 @@ export default function TextareaWidget<
   S extends StrictRJSFSchema = RJSFSchema,
   F extends FormContextType = any,
 >(props: WidgetProps<T, S, F>) {
-  const { id, value, required, disabled, readonly, autofocus, onChange, onBlur, onFocus, options } = props;
+  const { id, htmlName, value, required, disabled, readonly, autofocus, onChange, onBlur, onFocus, options } = props;
   const primeProps = (options.prime || {}) as object;
 
   let rows = 5;
@@ -27,6 +27,7 @@ export default function TextareaWidget<
   return (
     <InputTextarea
       id={id}
+      name={htmlName || id}
       {...primeProps}
       value={value || ''}
       required={required}
diff --git a/packages/primereact/test/__snapshots__/Form.test.tsx.snap b/packages/primereact/test/__snapshots__/Form.test.tsx.snap
index 6b1046db1d..af6fb3f9a6 100644
--- a/packages/primereact/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/primereact/test/__snapshots__/Form.test.tsx.snap
@@ -9914,6 +9914,7 @@ exports[`single fields textarea field 1`] = `
         data-pc-section="root"
         disabled={false}
         id="root"
+        name="root"
         onBeforeInput={[Function]}
         onBlur={[Function]}
         onChange={[Function]}
diff --git a/packages/primereact/test/__snapshots__/GridSnap.test.tsx.snap b/packages/primereact/test/__snapshots__/GridSnap.test.tsx.snap
index a5cd842d97..8d4611b55f 100644
--- a/packages/primereact/test/__snapshots__/GridSnap.test.tsx.snap
+++ b/packages/primereact/test/__snapshots__/GridSnap.test.tsx.snap
@@ -5235,6 +5235,7 @@ exports[`Complex grid renders person and address and employment in a complex gri
                     data-pc-section="root"
                     disabled={false}
                     id="root_employment_description"
+                    name="root_employment_description"
                     onBeforeInput={[Function]}
                     onBlur={[Function]}
                     onChange={[Function]}
diff --git a/packages/react-bootstrap/src/BaseInputTemplate/BaseInputTemplate.tsx b/packages/react-bootstrap/src/BaseInputTemplate/BaseInputTemplate.tsx
index 1a6ca78e0c..aa2ec42947 100644
--- a/packages/react-bootstrap/src/BaseInputTemplate/BaseInputTemplate.tsx
+++ b/packages/react-bootstrap/src/BaseInputTemplate/BaseInputTemplate.tsx
@@ -16,6 +16,7 @@ export default function BaseInputTemplate<
   F extends FormContextType = any,
 >({
   id,
+  htmlName,
   placeholder,
   required,
   readonly,
@@ -47,7 +48,7 @@ export default function BaseInputTemplate<
     <>
       <Form.Control
         id={id}
-        name={id}
+        name={htmlName || id}
         placeholder={placeholder}
         autoFocus={autofocus}
         required={required}
diff --git a/packages/react-bootstrap/src/CheckboxWidget/CheckboxWidget.tsx b/packages/react-bootstrap/src/CheckboxWidget/CheckboxWidget.tsx
index b48a31d937..d5cc4f1200 100644
--- a/packages/react-bootstrap/src/CheckboxWidget/CheckboxWidget.tsx
+++ b/packages/react-bootstrap/src/CheckboxWidget/CheckboxWidget.tsx
@@ -19,6 +19,7 @@ export default function CheckboxWidget<
 >(props: WidgetProps<T, S, F>) {
   const {
     id,
+    htmlName,
     value,
     disabled,
     readonly,
@@ -61,7 +62,7 @@ export default function CheckboxWidget<
       )}
       <Form.Check
         id={id}
-        name={id}
+        name={htmlName || id}
         label={labelValue(label, hideLabel || !label)}
         checked={typeof value === 'undefined' ? false : value}
         required={required}
diff --git a/packages/react-bootstrap/src/CheckboxesWidget/CheckboxesWidget.tsx b/packages/react-bootstrap/src/CheckboxesWidget/CheckboxesWidget.tsx
index 6ae72c03ad..b987305eb5 100644
--- a/packages/react-bootstrap/src/CheckboxesWidget/CheckboxesWidget.tsx
+++ b/packages/react-bootstrap/src/CheckboxesWidget/CheckboxesWidget.tsx
@@ -17,7 +17,19 @@ export default function CheckboxesWidget<
   T = any,
   S extends StrictRJSFSchema = RJSFSchema,
   F extends FormContextType = any,
->({ id, disabled, options, value, autofocus, readonly, required, onChange, onBlur, onFocus }: WidgetProps<T, S, F>) {
+>({
+  id,
+  htmlName,
+  disabled,
+  options,
+  value,
+  autofocus,
+  readonly,
+  required,
+  onChange,
+  onBlur,
+  onFocus,
+}: WidgetProps<T, S, F>) {
   const { enumOptions, enumDisabled, inline, emptyValue } = options;
   const checkboxesValues = Array.isArray(value) ? value : [value];
 
@@ -52,7 +64,7 @@ export default function CheckboxesWidget<
               className='bg-transparent border-0'
               type={'checkbox'}
               id={optionId(id, index)}
-              name={id}
+              name={htmlName || id}
               label={option.label}
               autoFocus={autofocus && index === 0}
               onChange={_onChange(index)}
diff --git a/packages/react-bootstrap/src/RadioWidget/RadioWidget.tsx b/packages/react-bootstrap/src/RadioWidget/RadioWidget.tsx
index b19826b2ba..2b84e16479 100644
--- a/packages/react-bootstrap/src/RadioWidget/RadioWidget.tsx
+++ b/packages/react-bootstrap/src/RadioWidget/RadioWidget.tsx
@@ -13,6 +13,7 @@ import {
 
 export default function RadioWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({
   id,
+  htmlName,
   options,
   value,
   required,
@@ -46,7 +47,7 @@ export default function RadioWidget<T = any, S extends StrictRJSFSchema = RJSFSc
               label={option.label}
               id={optionId(id, index)}
               key={index}
-              name={id}
+              name={htmlName || id}
               type='radio'
               disabled={disabled || itemDisabled || readonly}
               checked={checked}
diff --git a/packages/react-bootstrap/src/SelectWidget/SelectWidget.tsx b/packages/react-bootstrap/src/SelectWidget/SelectWidget.tsx
index 29b0eb612d..27d73c9997 100644
--- a/packages/react-bootstrap/src/SelectWidget/SelectWidget.tsx
+++ b/packages/react-bootstrap/src/SelectWidget/SelectWidget.tsx
@@ -17,6 +17,7 @@ export default function SelectWidget<
 >({
   schema,
   id,
+  htmlName,
   options,
   required,
   disabled,
@@ -50,7 +51,7 @@ export default function SelectWidget<
   return (
     <FormSelect
       id={id}
-      name={id}
+      name={htmlName || id}
       value={typeof selectedIndexes === 'undefined' ? emptyValue : selectedIndexes}
       required={required}
       multiple={multiple}
diff --git a/packages/react-bootstrap/src/TextareaWidget/TextareaWidget.tsx b/packages/react-bootstrap/src/TextareaWidget/TextareaWidget.tsx
index 2e1522d554..afebac1f44 100644
--- a/packages/react-bootstrap/src/TextareaWidget/TextareaWidget.tsx
+++ b/packages/react-bootstrap/src/TextareaWidget/TextareaWidget.tsx
@@ -17,6 +17,7 @@ export default function TextareaWidget<
   F extends FormContextType = any,
 >({
   id,
+  htmlName,
   placeholder,
   value,
   required,
@@ -37,7 +38,7 @@ export default function TextareaWidget<
     <InputGroup>
       <FormControl
         id={id}
-        name={id}
+        name={htmlName || id}
         as='textarea'
         placeholder={placeholder}
         disabled={disabled}
diff --git a/packages/semantic-ui/src/BaseInputTemplate/BaseInputTemplate.tsx b/packages/semantic-ui/src/BaseInputTemplate/BaseInputTemplate.tsx
index 81eec01e7b..dea5cf3a71 100644
--- a/packages/semantic-ui/src/BaseInputTemplate/BaseInputTemplate.tsx
+++ b/packages/semantic-ui/src/BaseInputTemplate/BaseInputTemplate.tsx
@@ -25,6 +25,7 @@ export default function BaseInputTemplate<
 >(props: BaseInputTemplateProps<T, S, F>) {
   const {
     id,
+    htmlName,
     placeholder,
     label,
     hideLabel,
@@ -60,7 +61,7 @@ export default function BaseInputTemplate<
       <Form.Input
         key={id}
         id={id}
-        name={id}
+        name={htmlName || id}
         placeholder={placeholder}
         {...inputProps}
         label={labelValue(label || undefined, hideLabel, false)}
diff --git a/packages/semantic-ui/src/CheckboxWidget/CheckboxWidget.tsx b/packages/semantic-ui/src/CheckboxWidget/CheckboxWidget.tsx
index 7b63ff56de..56e30a9896 100644
--- a/packages/semantic-ui/src/CheckboxWidget/CheckboxWidget.tsx
+++ b/packages/semantic-ui/src/CheckboxWidget/CheckboxWidget.tsx
@@ -25,6 +25,7 @@ export default function CheckboxWidget<
 >(props: WidgetProps<T, S, F>) {
   const {
     id,
+    htmlName,
     value,
     disabled,
     readonly,
@@ -76,7 +77,7 @@ export default function CheckboxWidget<
       )}
       <Form.Checkbox
         id={id}
-        name={id}
+        name={htmlName || id}
         disabled={disabled || readonly}
         autoFocus={autofocus}
         {...semanticProps}
diff --git a/packages/semantic-ui/src/CheckboxesWidget/CheckboxesWidget.tsx b/packages/semantic-ui/src/CheckboxesWidget/CheckboxesWidget.tsx
index 5c2afe505e..bb96e9361d 100644
--- a/packages/semantic-ui/src/CheckboxesWidget/CheckboxesWidget.tsx
+++ b/packages/semantic-ui/src/CheckboxesWidget/CheckboxesWidget.tsx
@@ -27,6 +27,7 @@ export default function CheckboxesWidget<
 >(props: WidgetProps<T, S, F>) {
   const {
     id,
+    htmlName,
     disabled,
     options,
     value,
@@ -72,7 +73,7 @@ export default function CheckboxesWidget<
       {!hideLabel && !!label && (
         <TitleFieldTemplate id={titleId(id)} title={label} schema={schema} uiSchema={uiSchema} registry={registry} />
       )}
-      <Form.Group id={id} name={id} {...inlineOption}>
+      <Form.Group id={id} name={htmlName || id} {...inlineOption}>
         {Array.isArray(enumOptions) &&
           enumOptions.map((option, index) => {
             const checked = enumOptionsIsSelected<S>(option.value, checkboxesValues);
@@ -80,7 +81,7 @@ export default function CheckboxesWidget<
             return (
               <Form.Checkbox
                 id={optionId(id, index)}
-                name={id}
+                name={htmlName || id}
                 key={index}
                 label={option.label}
                 {...semanticProps}
diff --git a/packages/semantic-ui/src/RadioWidget/RadioWidget.tsx b/packages/semantic-ui/src/RadioWidget/RadioWidget.tsx
index 809f38d12d..423386ce9d 100644
--- a/packages/semantic-ui/src/RadioWidget/RadioWidget.tsx
+++ b/packages/semantic-ui/src/RadioWidget/RadioWidget.tsx
@@ -22,6 +22,7 @@ export default function RadioWidget<T = any, S extends StrictRJSFSchema = RJSFSc
 ) {
   const {
     id,
+    htmlName,
     value,
     required,
     disabled,
@@ -58,7 +59,7 @@ export default function RadioWidget<T = any, S extends StrictRJSFSchema = RJSFSc
               required={required}
               control={Radio}
               id={optionId(id, index)}
-              name={id}
+              name={htmlName || id}
               {...semanticProps}
               onFocus={_onFocus}
               onBlur={_onBlur}
diff --git a/packages/semantic-ui/src/SelectWidget/SelectWidget.tsx b/packages/semantic-ui/src/SelectWidget/SelectWidget.tsx
index 06762a56a5..78ae1c79b6 100644
--- a/packages/semantic-ui/src/SelectWidget/SelectWidget.tsx
+++ b/packages/semantic-ui/src/SelectWidget/SelectWidget.tsx
@@ -54,6 +54,7 @@ export default function SelectWidget<T = any, S extends StrictRJSFSchema = RJSFS
     uiSchema,
     registry,
     id,
+    htmlName,
     options,
     label,
     hideLabel,
@@ -104,7 +105,7 @@ export default function SelectWidget<T = any, S extends StrictRJSFSchema = RJSFS
     <Form.Dropdown
       key={id}
       id={id}
-      name={id}
+      name={htmlName || id}
       label={labelValue(label || undefined, hideLabel, false)}
       multiple={typeof multiple === 'undefined' ? false : multiple}
       value={typeof value === 'undefined' ? emptyValue : selectedIndexes}
diff --git a/packages/semantic-ui/src/TextareaWidget/TextareaWidget.tsx b/packages/semantic-ui/src/TextareaWidget/TextareaWidget.tsx
index e41d0dc4ac..5fb050f279 100644
--- a/packages/semantic-ui/src/TextareaWidget/TextareaWidget.tsx
+++ b/packages/semantic-ui/src/TextareaWidget/TextareaWidget.tsx
@@ -21,6 +21,7 @@ export default function TextareaWidget<
 >(props: WidgetProps<T, S, F>) {
   const {
     id,
+    htmlName,
     placeholder,
     value,
     required,
@@ -50,7 +51,7 @@ export default function TextareaWidget<
     <Form.TextArea
       id={id}
       key={id}
-      name={id}
+      name={htmlName || id}
       label={labelValue(label || undefined, hideLabel, false)}
       placeholder={placeholder}
       autoFocus={autofocus}
diff --git a/packages/shadcn/src/BaseInputTemplate/BaseInputTemplate.tsx b/packages/shadcn/src/BaseInputTemplate/BaseInputTemplate.tsx
index ebc569f06f..ffba2e7bb4 100644
--- a/packages/shadcn/src/BaseInputTemplate/BaseInputTemplate.tsx
+++ b/packages/shadcn/src/BaseInputTemplate/BaseInputTemplate.tsx
@@ -24,6 +24,7 @@ export default function BaseInputTemplate<
   F extends FormContextType = any,
 >({
   id,
+  htmlName,
   placeholder,
   required,
   readonly,
@@ -55,7 +56,7 @@ export default function BaseInputTemplate<
     <div className='p-0.5'>
       <Input
         id={id}
-        name={id}
+        name={htmlName || id}
         type={type}
         placeholder={placeholder}
         autoFocus={autofocus}
diff --git a/packages/shadcn/src/CheckboxWidget/CheckboxWidget.tsx b/packages/shadcn/src/CheckboxWidget/CheckboxWidget.tsx
index e7bb24f666..90fbe3194c 100644
--- a/packages/shadcn/src/CheckboxWidget/CheckboxWidget.tsx
+++ b/packages/shadcn/src/CheckboxWidget/CheckboxWidget.tsx
@@ -24,6 +24,7 @@ export default function CheckboxWidget<
 >(props: WidgetProps<T, S, F>) {
   const {
     id,
+    htmlName,
     value,
     disabled,
     readonly,
@@ -71,7 +72,7 @@ export default function CheckboxWidget<
       <div className='flex items-center gap-2 my-2'>
         <Checkbox
           id={id}
-          name={id}
+          name={htmlName || id}
           checked={typeof value === 'undefined' ? false : Boolean(value)}
           required={required}
           disabled={disabled || readonly}
diff --git a/packages/shadcn/src/CheckboxesWidget/CheckboxesWidget.tsx b/packages/shadcn/src/CheckboxesWidget/CheckboxesWidget.tsx
index 5f6b6f92a7..d63e1fb66e 100644
--- a/packages/shadcn/src/CheckboxesWidget/CheckboxesWidget.tsx
+++ b/packages/shadcn/src/CheckboxesWidget/CheckboxesWidget.tsx
@@ -27,6 +27,7 @@ export default function CheckboxesWidget<
   F extends FormContextType = any,
 >({
   id,
+  htmlName,
   disabled,
   options,
   value,
@@ -58,7 +59,7 @@ export default function CheckboxesWidget<
             <div className='flex items-center gap-2' key={indexOptionId}>
               <Checkbox
                 id={indexOptionId}
-                name={id}
+                name={htmlName || id}
                 required={required}
                 disabled={disabled || itemDisabled || readonly}
                 onCheckedChange={(state) => {
diff --git a/packages/shadcn/src/TextareaWidget/TextareaWidget.tsx b/packages/shadcn/src/TextareaWidget/TextareaWidget.tsx
index b483d72e51..d33075a2d2 100644
--- a/packages/shadcn/src/TextareaWidget/TextareaWidget.tsx
+++ b/packages/shadcn/src/TextareaWidget/TextareaWidget.tsx
@@ -21,6 +21,7 @@ export default function TextareaWidget<
   F extends FormContextType = any,
 >({
   id,
+  htmlName,
   placeholder,
   value,
   required,
@@ -42,7 +43,7 @@ export default function TextareaWidget<
     <div className='flex p-0.5'>
       <Textarea
         id={id}
-        name={id}
+        name={htmlName || id}
         placeholder={placeholder}
         disabled={disabled}
         readOnly={readonly}
diff --git a/packages/utils/src/index.ts b/packages/utils/src/index.ts
index d6f2c4c50f..6164c849e2 100644
--- a/packages/utils/src/index.ts
+++ b/packages/utils/src/index.ts
@@ -71,6 +71,7 @@ import useDeepCompareMemo from './useDeepCompareMemo';
 import utcToLocal from './utcToLocal';
 import validationDataMerge from './validationDataMerge';
 import withIdRefPrefix from './withIdRefPrefix';
+import { bracketNameGenerator, dotNotationNameGenerator } from './nameGenerators';
 
 export * from './types';
 export * from './enums';
@@ -155,6 +156,8 @@ export {
   utcToLocal,
   validationDataMerge,
   withIdRefPrefix,
+  bracketNameGenerator,
+  dotNotationNameGenerator,
 };
 
 export type { ComponentUpdateStrategy } from './shouldRender';
diff --git a/packages/utils/src/nameGenerators.ts b/packages/utils/src/nameGenerators.ts
new file mode 100644
index 0000000000..9ab7f2870f
--- /dev/null
+++ b/packages/utils/src/nameGenerators.ts
@@ -0,0 +1,43 @@
+import { NameGeneratorFunction, FieldPathList } from './types';
+
+/**
+ * Generates bracketed names
+ * Example: root[tasks][0][title]
+ * For multi-value fields (checkboxes, multi-select): root[hobbies][]
+ */
+export const bracketNameGenerator: NameGeneratorFunction = (
+  path: FieldPathList,
+  idPrefix: string,
+  isMultiValue?: boolean,
+): string => {
+  if (!path || path.length === 0) {
+    return idPrefix;
+  }
+
+  const baseName = path.reduce<string>((acc, pathUnit, index) => {
+    if (index === 0) {
+      return `${idPrefix}[${String(pathUnit)}]`;
+    }
+    return `${acc}[${String(pathUnit)}]`;
+  }, '');
+
+  // For multi-value fields, append [] to allow multiple values with the same name
+  return isMultiValue ? `${baseName}[]` : baseName;
+};
+
+/**
+ * Generates dot-notation names
+ * Example: root.tasks.0.title
+ * Multi-value fields are handled the same as single-value fields in dot notation
+ */
+export const dotNotationNameGenerator: NameGeneratorFunction = (
+  path: FieldPathList,
+  idPrefix: string,
+  _isMultiValue?: boolean,
+): string => {
+  if (!path || path.length === 0) {
+    return idPrefix;
+  }
+
+  return `${idPrefix}.${path.map(String).join('.')}`;
+};
diff --git a/packages/utils/src/toFieldPathId.ts b/packages/utils/src/toFieldPathId.ts
index aed0f84a6a..d7b75c1748 100644
--- a/packages/utils/src/toFieldPathId.ts
+++ b/packages/utils/src/toFieldPathId.ts
@@ -4,21 +4,31 @@ import { FieldPathId, FieldPathList, GlobalFormOptions } from './types';
 /** Constructs the `FieldPathId` for `fieldPath`. If `parentPathId` is provided, the `fieldPath` is appended to the end
  * of the parent path. Then the `ID_KEY` of the resulting `FieldPathId` is constructed from the `idPrefix` and
  * `idSeparator` contained within the `globalFormOptions`. If `fieldPath` is passed as an empty string, it will simply
- * generate the path from the `parentPath` (if provided) and the `idPrefix` and `idSeparator`
+ * generate the path from the `parentPath` (if provided) and the `idPrefix` and `idSeparator`. If a `nameGenerator`
+ * is provided in `globalFormOptions`, it will also generate the HTML `name` attribute.
  *
  * @param fieldPath - The property name or array index of the current field element
  * @param globalFormOptions - The `GlobalFormOptions` used to get the `idPrefix` and `idSeparator`
  * @param [parentPath] - The optional `FieldPathId` or `FieldPathList` of the parent element for this field element
+ * @param [isMultiValue] - Optional flag indicating this field accepts multiple values
  * @returns - The `FieldPathId` for the given `fieldPath` and the optional `parentPathId`
  */
 export default function toFieldPathId(
   fieldPath: string | number,
   globalFormOptions: GlobalFormOptions,
   parentPath?: FieldPathId | FieldPathList,
+  isMultiValue?: boolean,
 ): FieldPathId {
   const basePath = Array.isArray(parentPath) ? parentPath : parentPath?.path;
   const childPath = fieldPath === '' ? [] : [fieldPath];
   const path = basePath ? basePath.concat(...childPath) : childPath;
   const id = [globalFormOptions.idPrefix, ...path].join(globalFormOptions.idSeparator);
-  return { path, [ID_KEY]: id };
+
+  // Generate name attribute if nameGenerator is provided
+  let name: string | undefined;
+  if (globalFormOptions.nameGenerator && path.length > 0) {
+    name = globalFormOptions.nameGenerator(path, globalFormOptions.idPrefix, isMultiValue);
+  }
+
+  return { path, [ID_KEY]: id, ...(name !== undefined && { name }) };
 }
diff --git a/packages/utils/src/types.ts b/packages/utils/src/types.ts
index 82be3fe536..73741281a9 100644
--- a/packages/utils/src/types.ts
+++ b/packages/utils/src/types.ts
@@ -36,6 +36,9 @@ export type FormContextType = GenericObjectType;
  */
 export type TestIdShape = Record<string, string>;
 
+/** Function to generate HTML name attributes from path segments */
+export type NameGeneratorFunction = (path: FieldPathList, idPrefix: string, isMultiValue?: boolean) => string;
+
 /** Experimental feature that specifies the Array `minItems` default form state behavior
  */
 export type Experimental_ArrayMinItems = {
@@ -176,6 +179,8 @@ export type FieldPathId = {
   $id: string;
   /** The path for a field */
   path: FieldPathList;
+  /** The optional HTML name attribute for a field, generated by nameGenerator if provided */
+  name?: string;
 };
 
 /** Type describing a name used for a field in the `PathSchema` */
@@ -421,6 +426,11 @@ export type GlobalFormOptions = {
   readonly idSeparator: string;
   /** The component update strategy used by the Form and its fields for performance optimization */
   readonly experimental_componentUpdateStrategy?: 'customDeep' | 'shallow' | 'always';
+  /** Optional function to generate custom HTML name attributes for form elements. Receives the field path segments
+   * and element type (object or array), and returns a custom name string. This allows backends like PHP/Rails
+   * (`root[tasks][0][title]`) or Django (`root__tasks-0__title`) to receive form data in their expected format.
+   */
+  readonly nameGenerator?: NameGeneratorFunction;
 };
 
 /** The object containing the registered core, theme and custom fields and widgets as well as the root schema, form
@@ -891,6 +901,8 @@ export interface WidgetProps<T = any, S extends StrictRJSFSchema = RJSFSchema, F
   multiple?: boolean;
   /** An array of strings listing all generated error messages from encountered errors for this widget */
   rawErrors?: string[];
+  /** The optional custom HTML name attribute generated by the nameGenerator function, if provided */
+  htmlName?: string;
 }
 
 /** The definition of a React-based Widget component */
diff --git a/packages/utils/test/nameGenerators.test.ts b/packages/utils/test/nameGenerators.test.ts
new file mode 100644
index 0000000000..a9456abf0a
--- /dev/null
+++ b/packages/utils/test/nameGenerators.test.ts
@@ -0,0 +1,89 @@
+import { bracketNameGenerator, dotNotationNameGenerator } from '../src';
+
+describe('bracketNameGenerator()', () => {
+  test('returns "root" for empty path', () => {
+    expect(bracketNameGenerator([], 'root')).toBe('root');
+  });
+
+  test('generates name for single string segment', () => {
+    expect(bracketNameGenerator(['firstName'], 'root')).toBe('root[firstName]');
+  });
+
+  test('generates name for single number segment (array index)', () => {
+    expect(bracketNameGenerator([0], 'root')).toBe('root[0]');
+  });
+
+  test('generates name for nested object path', () => {
+    expect(bracketNameGenerator(['user', 'address', 'city'], 'root')).toBe('root[user][address][city]');
+  });
+
+  test('generates name for array with object properties', () => {
+    expect(bracketNameGenerator(['tasks', 0, 'title'], 'root')).toBe('root[tasks][0][title]');
+  });
+
+  test('generates name for nested arrays', () => {
+    expect(bracketNameGenerator(['matrix', 0, 1], 'root')).toBe('root[matrix][0][1]');
+  });
+
+  test('generates name for complex nested structure', () => {
+    expect(bracketNameGenerator(['users', 0, 'addresses', 1, 'street'], 'root')).toBe(
+      'root[users][0][addresses][1][street]',
+    );
+  });
+
+  test('appends [] for multi-value fields (checkboxes, multi-select)', () => {
+    expect(bracketNameGenerator(['hobbies'], 'root', true)).toBe('root[hobbies][]');
+  });
+
+  test('does not append [] when isMultiValue is false', () => {
+    expect(bracketNameGenerator(['hobbies'], 'root', false)).toBe('root[hobbies]');
+  });
+
+  test('does not append [] when isMultiValue is undefined', () => {
+    expect(bracketNameGenerator(['hobbies'], 'root')).toBe('root[hobbies]');
+  });
+
+  test('appends [] to nested path when isMultiValue is true', () => {
+    expect(bracketNameGenerator(['user', 'hobbies'], 'root', true)).toBe('root[user][hobbies][]');
+  });
+});
+
+describe('dotNotationNameGenerator()', () => {
+  test('returns "root" for empty path', () => {
+    expect(dotNotationNameGenerator([], 'root')).toBe('root');
+  });
+
+  test('generates name for single string segment', () => {
+    expect(dotNotationNameGenerator(['firstName'], 'root')).toBe('root.firstName');
+  });
+
+  test('generates name for single number segment (array index)', () => {
+    expect(dotNotationNameGenerator([0], 'root')).toBe('root.0');
+  });
+
+  test('generates name for nested object path', () => {
+    expect(dotNotationNameGenerator(['user', 'address', 'city'], 'root')).toBe('root.user.address.city');
+  });
+
+  test('generates name for array with object properties', () => {
+    expect(dotNotationNameGenerator(['tasks', 0, 'title'], 'root')).toBe('root.tasks.0.title');
+  });
+
+  test('generates name for nested arrays', () => {
+    expect(dotNotationNameGenerator(['matrix', 0, 1], 'root')).toBe('root.matrix.0.1');
+  });
+
+  test('generates name for complex nested structure', () => {
+    expect(dotNotationNameGenerator(['users', 0, 'addresses', 1, 'street'], 'root')).toBe(
+      'root.users.0.addresses.1.street',
+    );
+  });
+
+  test('isMultiValue flag has no effect in dot notation', () => {
+    expect(dotNotationNameGenerator(['hobbies'], 'root', true)).toBe('root.hobbies');
+  });
+
+  test('isMultiValue flag false has no effect in dot notation', () => {
+    expect(dotNotationNameGenerator(['hobbies'], 'root', false)).toBe('root.hobbies');
+  });
+});
diff --git a/packages/utils/test/toFieldPathId.test.ts b/packages/utils/test/toFieldPathId.test.ts
index 37aa611062..6fbbc974c2 100644
--- a/packages/utils/test/toFieldPathId.test.ts
+++ b/packages/utils/test/toFieldPathId.test.ts
@@ -74,4 +74,110 @@ describe('toFieldPathId()', () => {
       path: [...parentPath],
     });
   });
+
+  describe('with nameGenerator', () => {
+    const phpNameGenerator = (path: (string | number)[], idPrefix: string) => {
+      if (path.length === 0) {
+        return idPrefix;
+      }
+      const segments = path.map((segment) => `[${segment}]`).join('');
+      return `${idPrefix}${segments}`;
+    };
+
+    const GLOBAL_FORM_OPTIONS_WITH_NAME_GENERATOR = {
+      idPrefix: DEFAULT_ID_PREFIX,
+      idSeparator: DEFAULT_ID_SEPARATOR,
+      nameGenerator: phpNameGenerator,
+    };
+
+    test('generates name for string fieldPath', () => {
+      const path = 'firstName';
+      const result = toFieldPathId(path, GLOBAL_FORM_OPTIONS_WITH_NAME_GENERATOR);
+      expect(result).toEqual({
+        [ID_KEY]: `${DEFAULT_ID_PREFIX}${DEFAULT_ID_SEPARATOR}${path}`,
+        path: [path],
+        name: 'root[firstName]',
+      });
+    });
+
+    test('generates name for nested object path', () => {
+      const parentPath = ['tasks', 0];
+      const path = 'title';
+      const result = toFieldPathId(path, GLOBAL_FORM_OPTIONS_WITH_NAME_GENERATOR, parentPath);
+      expect(result).toEqual({
+        [ID_KEY]: `${DEFAULT_ID_PREFIX}${DEFAULT_ID_SEPARATOR}tasks${DEFAULT_ID_SEPARATOR}0${DEFAULT_ID_SEPARATOR}${path}`,
+        path: [...parentPath, path],
+        name: 'root[tasks][0][title]',
+      });
+    });
+
+    test('generates name for array index', () => {
+      const parentPath = ['listOfStrings'];
+      const path = 0;
+      const result = toFieldPathId(path, GLOBAL_FORM_OPTIONS_WITH_NAME_GENERATOR, parentPath);
+      expect(result).toEqual({
+        [ID_KEY]: `${DEFAULT_ID_PREFIX}${DEFAULT_ID_SEPARATOR}listOfStrings${DEFAULT_ID_SEPARATOR}${path}`,
+        path: [...parentPath, path],
+        name: 'root[listOfStrings][0]',
+      });
+    });
+
+    test('does not generate name for empty path', () => {
+      const result = toFieldPathId('', GLOBAL_FORM_OPTIONS_WITH_NAME_GENERATOR);
+      expect(result).toEqual({
+        [ID_KEY]: DEFAULT_ID_PREFIX,
+        path: [],
+      });
+    });
+
+    test('generates name with isMultiValue flag for multi-select fields', () => {
+      const phpMultiValueNameGenerator = (path: (string | number)[], idPrefix: string, isMultiValue?: boolean) => {
+        if (path.length === 0) {
+          return idPrefix;
+        }
+        const segments = path.map((segment) => `[${segment}]`).join('');
+        const baseName = `${idPrefix}${segments}`;
+        return isMultiValue ? `${baseName}[]` : baseName;
+      };
+
+      const GLOBAL_FORM_OPTIONS_WITH_MULTI_VALUE = {
+        idPrefix: DEFAULT_ID_PREFIX,
+        idSeparator: DEFAULT_ID_SEPARATOR,
+        nameGenerator: phpMultiValueNameGenerator,
+      };
+
+      const parentPath = ['hobbies'];
+      const result = toFieldPathId('', GLOBAL_FORM_OPTIONS_WITH_MULTI_VALUE, parentPath, true);
+      expect(result).toEqual({
+        [ID_KEY]: `${DEFAULT_ID_PREFIX}${DEFAULT_ID_SEPARATOR}hobbies`,
+        path: parentPath,
+        name: 'root[hobbies][]',
+      });
+    });
+
+    test('generates name without brackets when isMultiValue is false', () => {
+      const phpMultiValueNameGenerator = (path: (string | number)[], idPrefix: string, isMultiValue?: boolean) => {
+        if (path.length === 0) {
+          return idPrefix;
+        }
+        const segments = path.map((segment) => `[${segment}]`).join('');
+        const baseName = `${idPrefix}${segments}`;
+        return isMultiValue ? `${baseName}[]` : baseName;
+      };
+
+      const GLOBAL_FORM_OPTIONS_WITH_MULTI_VALUE = {
+        idPrefix: DEFAULT_ID_PREFIX,
+        idSeparator: DEFAULT_ID_SEPARATOR,
+        nameGenerator: phpMultiValueNameGenerator,
+      };
+
+      const parentPath = ['firstName'];
+      const result = toFieldPathId('', GLOBAL_FORM_OPTIONS_WITH_MULTI_VALUE, parentPath, false);
+      expect(result).toEqual({
+        [ID_KEY]: `${DEFAULT_ID_PREFIX}${DEFAULT_ID_SEPARATOR}firstName`,
+        path: parentPath,
+        name: 'root[firstName]',
+      });
+    });
+  });
 });