Bitwardenブログ

Easier than Ever: Create Custom Fields in a few Clicks

著者:
Ryan Luibrand
投稿日:
2021年10月5日

With this release Bitwarden now has a new option for Copy Custom Field Name in the context, or right-click, menu in browsers. This straightforward option finds the ID/name of the field or text box within the HTML code and copies it to the clipboard. This greatly simplifies the creation of password manager custom fields and makes it easier than ever for Bitwarden users to add more data fields to vault items.

What are custom fields useful for?

While storing a username and password with Bitwarden will fulfill the needs for most logins, there are sometimes situations requiring more information. Examples include a checkbox that needs to be filled indicating agreement to the site’s terms, a text box for a required domain to log onto a network, or an employee PIN to accompany the login to a company portal. Custom fields offer an elegant, simple solution to autofill for a wide range of additional entry items.

POST_Product_Sept_2021_Custom-field_Frequent flyer example | Example of a login that needs extra input
POST_Product_Sept_2021_Custom-field_Frequent flyer example | Example of a login that needs extra input

How to create a custom field

All boxes that accept user input in a webpage are known as fields, and have invisible names embedded in the page’s code. Creating a custom field hinges on capturing this name.

There are two methods for doing this:

1. Using the new context menu

POST_Product_Sept_2021_Custom-Field_Context Menu | Using the context menu to copy the field name
POST_Product_Sept_2021_Custom-Field_Context Menu | Using the context menu to copy the field name

With the context menu feature, simply right click the field, select the Bitwarden sub-menu, then click on Copy Custom Field Name. Bitwarden will run through the code and find the right ID/Name for the field and save it to the clipboard for easy pasting.

2. Inspecting the element and looking at HTML code

The option to manually find the code in the HTML can help with fields that might be tricky or require extra customization options.

POST_Product_Sept_2021_Custom-Field_Inspecting HTML | Using the Inspect option to view the HTML code to find the name or ID
POST_Product_Sept_2021_Custom-Field_Inspecting HTML | Using the Inspect option to view the HTML code to find the name or ID

Right click on the field in your browser then select Inspect. This will bring up a window that shows the page’s code and highlights where the field is within it. Find its ‘id’, ‘name’, ‘aria-label’ or ‘placeholder’ value (in that preferred order) and copy it to the clipboard.

Adding the custom field to a login

In the Web Vault, desktop, or browser extension clients, open up your login (or other Vault item) for editing, and scroll down towards the bottom to the Custom Fields section.

POST_Product_Sept_2021_Custom Field_New Custom Field - Resized | Adding a new custom field from the browser extension
POST_Product_Sept_2021_Custom Field_New Custom Field - Resized | Adding a new custom field from the browser extension
  1. In the dropdown, select the type Text for simple text input; Hidden for items like PINs that show up as dots in the boxes; and Boolean for items like checkboxes. Linked is a different type of custom field covered later

  2. Click on Add Custom Field

  3. Paste the name from the clipboard that was copied from either of the two steps above into the Name field that appeared

  4. Add in the Value to autofill. For Boolean options it’ll appear as a check box

  5. Save the changes. It’s good to go!

POST_Product_Sept_2021_Custom_Field-Autofilled | A login autofilled with custom fields
POST_Product_Sept_2021_Custom_Field-Autofilled | A login autofilled with custom fields

Now, when autofilled (hint: Ctrl/CMD + Shift + L), the custom field will be filled too, along with the username and password!

Linked Custom Fields

Some websites may be programmed using uncommon or unique names for a vault item's default fields that might give autofill some trouble. The Linked custom field solves this by providing those default fields a custom field name. Just like other custom fields, they will use the Name copied using the previous steps. For their values, they are “linked” to and use the saved entries at the top of the vault item, such as Username for login items or Security Code (CVV) for credit cards. With linked fields, autofill can be ensured for any vault item!

Learn more

With custom fields, users can customize a Bitwarden Vaults beyond typical logins. For example, in one community case a student user beat the crowd and quickly nabbed seats for high-demand classes before they filled up with the help of custom fields for filling out the class registration forms.

Expanded functions can help with field names that might vary across pages and sites. Details are available on the help page. These functions could be useful for adding a ZIP code to a stored credit card for use across pages, for example. Custom fields also support up to 5000 characters in length, so RSA 4096-bit SSH keys can be stored and autofilled.

Get Started with Bitwarden

Ready to try out Bitwarden today? Quickly sign up for a free Bitwarden account, or register for a 7-day free trial of our business plans so your business and team can stay safe online.

Editor's Note: This article was originally written on October 5, 2021 and was updated on September 30th, 2022.

この記事の内容:

ブログ一覧に戻る

今すぐBitwardenを使い始める。

無料アカウントを作成
言語
© 2022 Bitwarden, Inc.
利用規約プライバシーポリシーサイトマップ