---
title: "fill(selector, value[, options]) | Grafana k6 documentation"
description: "Browser module: page.fill(selector, value[, options]) method"
---

> For a curated documentation index, see [llms.txt](/llms.txt). For the complete documentation index, see [llms-full.txt](/llms-full.txt).

# fill(selector, value\[, options])

> Warning
> 
> Use locator-based [`locator.fill(value[, options])`](/docs/k6/latest/javascript-api/k6-browser/locator/fill/) instead.

Fill an `input`, `textarea` or `contenteditable` element with the provided value.

Expand table

| Parameter           | Type    | Default | Description                                                                                                                                                                                                                                                       |
|---------------------|---------|---------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| selector            | string  | `''`    | A selector to search for an element. If there are multiple elements satisfying the selector, the first will be used.                                                                                                                                              |
| value               | string  | `''`    | Value to fill out for the `input`, `textarea` or `contenteditable` element.                                                                                                                                                                                       |
| options             | object  | `null`  |                                                                                                                                                                                                                                                                   |
| options.force       | boolean | `false` | Setting this to `true` will bypass the actionability checks (`visible`, `stable`, `enabled`).                                                                                                                                                                     |
| options.noWaitAfter | boolean | `false` | If set to `true` and a navigation occurs from performing this action, it will not wait for it to complete.                                                                                                                                                        |
| options.strict      | boolean | `false` | When `true`, the call requires selector to resolve to a single element. If given selector resolves to more than one element, the call throws an exception.                                                                                                        |
| options.timeout     | number  | `30000` | Maximum time in milliseconds. Pass `0` to disable the timeout. Default is overridden by the `setDefaultTimeout` option on [BrowserContext](/docs/k6/latest/javascript-api/k6-browser/browsercontext/) or [Page](/docs/k6/latest/javascript-api/k6-browser/page/). |

### Returns

Expand table

| Type            | Description                                                        |
|-----------------|--------------------------------------------------------------------|
| `Promise<void>` | A Promise that fulfills when the element is filled with the value. |

### Example

JavaScript ![Copy code to clipboard](/media/images/icons/icon-copy-small-2.svg) Copy

```javascript
import { browser } from 'k6/browser';

export const options = {
  scenarios: {
    browser: {
      executor: 'shared-iterations',
      options: {
        browser: {
          type: 'chromium',
        },
      },
    },
  },
};

export default async function () {
  const page = await browser.newPage();

  await page.goto('https://test.k6.io/browser.php');
  await page.fill('#text1', 'hello world!');
}
```