mirror of
https://github.com/bitwarden/help
synced 2025-12-06 00:03:30 +00:00
10-21 (#775)
* policies * auto-scaling seats * pw reset * custom role collections permissions * automatic biometric prompt * web vault dark mode * custom field autofill article & section on <span>s * cli passphrase options * bye bye, business portal * release notes * merge latest from master * fix typo * redo timeout article * export policy - owner/admin exemption * biometric fix * sso faq item
This commit is contained in:
committed by
GitHub
parent
6498cf8a73
commit
d4efd98c15
42
_articles/features/auto-fill-custom-fields.md
Normal file
42
_articles/features/auto-fill-custom-fields.md
Normal file
@@ -0,0 +1,42 @@
|
||||
---
|
||||
layout: article
|
||||
title: Auto-fill Custom Fields
|
||||
categories: [auto-fill]
|
||||
order: "05"
|
||||
featured: true
|
||||
popular: false
|
||||
tags: [browser, autofill, auto-fill, custom fields, form fill]
|
||||
---
|
||||
|
||||
Bitwarden can do more than just [auto-fill your usernames and passwords]({{site.baseurl}}/article/auto-fill-browser/)! **Bitwarden Browser Extensions** can auto-fill [custom fields]({{site.baseurl}}/article/custom-fields) to simplify fill-in of security questions, PINS, and more using the [unique Tab view](({{site.baseurl}}/article/auto-fill-browser/)).
|
||||
|
||||
## Auto-fill Custom Fields
|
||||
|
||||
{% callout success %}
|
||||
It's important to name the custom field correctly in order for auto-fill to work. [Learn how to name custom fields]({{site.baseurl}}/article/custom-fields/#custom-field-names).
|
||||
{% endcallout %}
|
||||
|
||||
To auto-fill custom fields:
|
||||
|
||||
1. Open the Browser Extension or, if your Browser Extension is already open, navigate to the {% icon fa-folder %} **Tab** view.
|
||||
|
||||
The Tab view automatically detects the URI (e.g. myverizon.com) of the page displayed in the open tab and surfaces any Vault items with corresponding URIs.
|
||||
2. Select the item that contains the custom field you want to auto-fill:
|
||||
|
||||
{% image autofill/auto-fill-custom-field.png Item with a Custom Field %}
|
||||
|
||||
The Browser Extension will find any fields that match the [custom field name]({{site.baseurl}}/article/custom-fields/custom-field-names) and auto-fill that field's value.
|
||||
|
||||
## Special Auto-fill Scenarios
|
||||
|
||||
### HTML `<span>` Elements
|
||||
|
||||
Typically custom fields are auto-filled in HTML `<form>` or `<input>` elements, however Bitwarden Browser Extensions can auto-fill custom field values into the `innerText` of HTML `<span>` elements as well.
|
||||
|
||||
In order to auto-fill into a `<span>` element, the opening tag must have the `data-bwautofill` attribute. So, in the following scenario:
|
||||
|
||||
```
|
||||
<span data-bwautofill id="myspan">Bitwarden is great.</span>
|
||||
```
|
||||
|
||||
A custom field with **name:** `myspan` will replace `Bitwarden is great` with whatever is saved in the custom field's **value**.
|
||||
@@ -4,7 +4,7 @@ title: Blacklisting URIs
|
||||
categories: [auto-fill]
|
||||
featured: false
|
||||
popular: false
|
||||
order: "06"
|
||||
order: "07"
|
||||
tags: [android, autofill, auto-fill]
|
||||
---
|
||||
|
||||
|
||||
@@ -30,12 +30,14 @@ Custom fields can be added to a Vault item from any Bitwarden client using the *
|
||||
|
||||
### Custom Field Names
|
||||
|
||||
The specified **Name** is important to get right in order to successfully auto-fill a custom field. Using the Browser Extension, you can quickly get the correct field name using the **Copy Custom Field Name** option in the context menu (in most cases, by right-clicking on the form element):
|
||||
The specified **Name** is important to get right in order to successfully [auto-fill a custom field]({{site.baseurl}}/article/auto-fill-custom-fields/). Using the Browser Extension, you can quickly get the correct field name using the **Copy Custom Field Name** option in the context menu (in most cases, by right-clicking on the form element):
|
||||
|
||||
{% image features/custom-fields-contextmenu.png %}
|
||||
|
||||
Selecting this context menu option will copy the form element's `id`, `name`, `aria-label`, or `placeholder` value (**in that order of preference**).
|
||||
|
||||
Once you've saved a custom field, you can [auto-fill it from the Browser Extension]({{site.baseurl}}/article/auto-fill-custom-fields/).
|
||||
|
||||
#### Find Custom Field Names Manually
|
||||
|
||||
If you don't use the Browser Extension, the best way to find a field name is to use your web browser's developer tools, as in the following example:
|
||||
@@ -53,6 +55,8 @@ If you don't use the Browser Extension, the best way to find a field name is to
|
||||
{% image features/custom-fields/custom-field-eg.png Custom field example %}
|
||||
6. Save the Vault item.
|
||||
|
||||
Once you've saved a custom field, you can [auto-fill it from the Browser Extension]({{site.baseurl}}/article/auto-fill-custom-fields/).
|
||||
|
||||
### More About Custom Field Names
|
||||
|
||||
#### Order of Preference
|
||||
|
||||
@@ -6,7 +6,7 @@ featured: true
|
||||
popular: true
|
||||
hidden: false
|
||||
tags: []
|
||||
order: "08"
|
||||
order: "09"
|
||||
---
|
||||
|
||||
If you're new to Bitwarden, it's likely that the web browser you use has been saving and auto-filling your passwords. Most web browsers enable this by default, but experts generally agree that [built-in password managers are more vulnerable](https://www.wired.com/2016/08/browser-password-manager-probably-isnt-enough/){:target="\_blank"} than dedicated solutions like Bitwarden.
|
||||
|
||||
@@ -5,7 +5,7 @@ categories: [auto-fill]
|
||||
featured: false
|
||||
popular: false
|
||||
tags: [uri, match detection, autofill]
|
||||
order: "05"
|
||||
order: "06"
|
||||
---
|
||||
|
||||
Any Login item in your Vault can be created with or edited to include one or more URI (Uniform Resource Identifier). A URI can be a website address (i.e. a URL), a Server IP Address, a Mobile App Package ID, and more.
|
||||
|
||||
Reference in New Issue
Block a user