diff --git a/en/application-dev/reference/apis/js-apis-formbindingdata.md b/en/application-dev/reference/apis/js-apis-formbindingdata.md
new file mode 100644
index 0000000000000000000000000000000000000000..cf59cffd6eaf7cdd36176d0a8426627a7dd3620c
--- /dev/null
+++ b/en/application-dev/reference/apis/js-apis-formbindingdata.md
@@ -0,0 +1,51 @@
+# FormBindingData
+
+> ![icon-note.gif](public_sys-resources/icon-note.gif) **Note:**
+> The initial APIs of this module are supported since API version 8. Newly added APIs will be marked with a superscript to indicate their earliest API version.
+
+## Modules to Import
+
+```
+import formBindingData from '@ohos.application.formBindingData';
+```
+
+## Required Permissions
+
+None
+
+## formBindingData.createFormBindingData
+
+createFormBindingData(obj?: Object | string): FormBindingData
+
+Creates a **FormBindingData** object.
+
+- Parameters
+
+  | Name| Type| Mandatory| Description|
+  | ------ | -------------- | ---- | ------------------------------------------------------------ |
+  | obj    | Object or string| No| Data to be displayed on the JS service widget. The value can be an object containing multiple key-value pairs or a string in JSON format.|
+
+
+
+- Return value
+
+  | Type| Description|
+  | ----------------------------------- | --------------------------------------- |
+  | [FormBindingData](#formbindingdata) | **FormBindingData** object created based on the passed data.|
+
+
+
+- Example
+
+  ```
+  let obj = {"temperature": "21°"};
+  let formBindingDataObj = formBindingData.createFormBindingData(obj);
+  ```
+
+## FormBindingData
+
+Describes a **FormBindingData** object.
+
+| Name| Type| Description|
+| ---- | -------------- | ------------------------------------------------------------ |
+| obj  | Object or string| Data to be displayed on the JS service widget. The value can be an object containing multiple key-value pairs or a string in JSON format.|
diff --git a/en/application-dev/reference/apis/js-apis-formextension.md b/en/application-dev/reference/apis/js-apis-formextension.md
new file mode 100644
index 0000000000000000000000000000000000000000..3368ad16eb84fb8477f4b086d372b5289f85d209
--- /dev/null
+++ b/en/application-dev/reference/apis/js-apis-formextension.md
@@ -0,0 +1,171 @@
+# FormExtension
+
+> ![icon-note.gif](public_sys-resources/icon-note.gif) **Note:**
+> The initial APIs of this module are supported since API version 8. Newly added APIs will be marked with a superscript to indicate their earliest API version.
+
+Provides **FormExtension** APIs.
+
+## Modules to Import
+
+```
+import FormExtension from '@ohos.application.FormExtension';
+```
+
+## Required Permissions
+
+None
+
+## Attributes
+
+| Name| Type| Readable| Writable| Description|
+| ------- | ------------------------------------------------------- | ---- | ---- | --------------------------------------------------- |
+| context | [FormExtensionContext](js-apis-formextensioncontext.md) | Yes| No| Context of the **FormExtension**. This class is inherited from **ExtensionContext**.|
+
+## onCreate
+
+onCreate(want: Want): formBindingData.FormBindingData
+
+Called to notify the widget provider that a **Form** instance (widget) has been created.
+
+- Parameters
+
+  | Name| Type| Mandatory| Description|
+  | ------ | -------------------------------------- | ---- | ------------------------------------------------------------ |
+  | want   | [Want](js-apis-featureAbility.md#want) | Yes| Information related to the extension, including the widget ID, name, and style. The information must be managed as persistent data to facilitate subsequent widget update and deletion.|
+
+- Return value
+
+  | Type| Description|
+  | ------------------------------------------------------------ | ----------------------------------------------------------- |
+  | [formBindingData.FormBindingData](js-apis-formbindingdata.md#formbindingdata) | A **formBindingData.FormBindingData** object containing the data to be displayed on the widget.|
+
+- Example
+
+  ```
+  onCreate(want) {
+      console.log('FormExtension onCreate, want:' + want.abilityName);
+      let dataObj1 = {
+          temperature:"11c",
+          "time":"11:00"
+      };
+      let obj1 = formBindingData.createFormBindingData(dataObj1);
+      return obj1;
+  }
+  ```
+
+## onCastToNormal
+
+onCastToNormal(formId: string): void
+
+Called to notify the widget provider that a temporary widget has been converted to a normal one.
+
+- Parameters
+
+  | Name| Type| Mandatory| Description|
+  | ------ | ------ | ---- | ------------------------ |
+  | formId | string | Yes| ID of the widget that requests to be converted to a normal one.|
+
+- Example
+
+  ```
+  onCastToNormal(formId) {
+      console.log('FormExtension onCastToNormal, formId:' + formId);
+  }
+  ```
+
+## onUpdate
+
+onUpdate(formId: string): void
+
+Called to notify the widget provider that a widget has been updated. After obtaining the latest data, the caller invokes **updateForm** of the [FormExtensionContext](js-apis-formextensioncontext.md) class to update the widget data.
+
+- Parameters
+
+  | Name| Type| Mandatory| Description|
+  | ------ | ------ | ---- | ------------------ |
+  | formId | string | Yes| ID of the widget that requests to be updated.|
+
+- Example
+
+  ```
+  onUpdate(formId) {
+      console.log('FormExtension onUpdate, formId:' + formId);
+      let obj2 = formBindingData.createFormBindingData({temperature:"22c", time:"22:00"});
+      this.context.updateForm(formId, obj2)
+          .then((data)=>{
+              console.log('FormExtension context updateForm, data:' + data);
+          }).catch((error) => {
+          console.error('Operation updateForm failed. Cause: ' + error);});
+  }
+  ```
+
+## onVisibilityChange
+
+onVisibilityChange(newStatus: { [key: string]: number }): void
+
+Called to notify the widget provider of the change of visibility.
+
+- Parameters
+
+  | Name| Type| Mandatory| Description|
+  | --------- | ------------------------- | ---- | ---------------------------- |
+  | newStatus | { [key: string]: number } | Yes| ID and visibility status of the widget to be changed.|
+
+- Example
+
+  ```
+  onVisibilityChange(newStatus) {
+      console.log('FormExtension onVisibilityChange, newStatus:' + newStatus);
+      let obj2 = formBindingData.createFormBindingData({temperature:"22c", time:"22:00"});
+
+      for (let key in newStatus) {
+          console.log('FormExtension onVisibilityChange, key:' + key + ", value=" + newStatus[key]);
+          this.context.updateForm(key, obj2)
+              .then((data)=>{
+                  console.log('FormExtension context updateForm, data:' + data);
+              }).catch((error) => {
+              console.error('Operation updateForm failed. Cause: ' + error);});
+      }
+  }
+  ```
+
+## onEvent
+
+onEvent(formId: string, message: string): void
+
+Called to instruct the widget provider to receive and process the widget event.
+
+- Parameters
+
+  | Name| Type| Mandatory| Description|
+  | ------- | ------ | ---- | ---------------------- |
+  | formId  | string | Yes| ID of the widget that requests the event.|
+  | message | string | Yes| Event message.|
+
+- Example
+
+  ```
+  onEvent(formId, message) {
+      console.log('FormExtension onEvent, formId:' + formId + ", message:" + message);
+  }
+  ```
+
+## onDestroy
+
+onDestroy(formId: string): void
+
+Called to notify the widget provider that a **Form** instance (widget) has been destroyed.
+
+- Parameters
+
+  | Name| Type| Mandatory| Description|
+  | ------ | ------ | ---- | ------------------ |
+  | formId | string | Yes| ID of the widget to be destroyed.|
+
+- Example
+
+  ```
+  onDestroy(formId) {
+      console.log('FormExtension onDestroy, formId:' + formId);
+  }
+  ```
diff --git a/en/application-dev/reference/apis/js-apis-formextensioncontext.md b/en/application-dev/reference/apis/js-apis-formextensioncontext.md
new file mode 100644
index 0000000000000000000000000000000000000000..b4cf3bca0a580270658be8d19ce0fd4a7cf3b403
--- /dev/null
+++ b/en/application-dev/reference/apis/js-apis-formextensioncontext.md
@@ -0,0 +1,59 @@
+# FormExtensionContext
+
+> ![icon-note.gif](public_sys-resources/icon-note.gif) **Note:**
+> The initial APIs of this module are supported since API version 8. Newly added APIs will be marked with a superscript to indicate their earliest API version.
+
+Implements the context that provides the capabilities and APIs of **FormExtension**. This class is inherited from **ExtensionContext**.
+
+## updateForm
+
+updateForm(formId: string, formBindingData: formBindingData.FormBindingData, callback: AsyncCallback\<void>): void
+
+Updates a widget. This method uses a callback to return the result.
+
+- Parameters
+
+  | Name| Type| Mandatory| Description|
+  | --------------- | ------------------------------------------------------------ | ---- | -------------------------------------- |
+  | formId          | string                                                       | Yes| ID of the widget that requests to be updated.|
+  | formBindingData | [formBindingData.FormBindingData](js-apis-formbindingdata.md#formbindingdata) | Yes| New data of the widget.|
+  | callback        | AsyncCallback\<void>                                         | Yes| Callback used to return the result indicating whether the method is successfully called.|
+
+- Example
+
+  ```
+  let obj2 = formBindingData.createFormBindingData({temperature:"22c", time:"22:00"});
+  this.context.updateForm(formId, obj2, (data)=>{
+      console.log('FormExtension context updateForm, data:' + data);
+  });
+  ```
+
+## updateForm
+
+updateForm(formId: string, formBindingData: formBindingData.FormBindingData): Promise\<void>
+
+Updates a widget. This method uses a promise to return the result.
+
+- Parameters
+
+  | Name| Type| Mandatory| Description|
+  | --------------- | ------------------------------------------------------------ | ---- | ------------------ |
+  | formId          | string                                                       | Yes| ID of the widget that requests to be updated.|
+  | formBindingData | [formBindingData.FormBindingData](js-apis-formbindingdata.md#formbindingdata) | Yes| New data of the widget.|
+
+- Return value
+
+  | Type| Description|
+  | -------------- | --------------------------------- |
+  | Promise\<void> | Promise returned with the result indicating whether the method is successfully called.|
+
+- Example
+
+  ```
+  let obj2 = formBindingData.createFormBindingData({temperature:"22c", time:"22:00"});
+  this.context.updateForm(formId, obj2)
+      .then((data)=>{
+          console.log('FormExtension context updateForm, data:' + data);
+      }).catch((error) => {
+      console.error('Operation updateForm failed. Cause: ' + error);});
+  ```