Edit an element's attributes and tag name with the keyboard

Help us make DevTools Tips better! Fill out this survey to tell us more about your DevTools habits and frustrations.

Categories: Supported by:

Edit an element's attributes and tag name with the keyboard

Using the keyboard can be faster than using a mouse in certain cases (and for some people). One such case is editing an element's tag name and attributes in DevTools.

To do this, select an element in the Elements tool (called Inspector in Firefox) and:

Animation of a part of the Inspector panel in Firefox, showing how pressing Enter on a focused element goes into edit mode and how Tab allows to navigate from field to field.

See also