Element Helper

Element Helper Genlogin is a tool developed by Genlogin to help users identify selectors for HTML elements on a web page. The tool simplifies the process of finding and selecting elements on a web page without having to write CSS or XPath code manually.

You can install Element Helper by enabling the Extention, which we have pre-installed in the Extention section of Genlogin.

HTML attributes provide additional information for HTML elements. They can be used to define how an element is displayed, provide behavior, or link to other resources.

Here are some of the most common HTML attributes:

1. id

   • Description: A unique identifier for each element. An id must be unique within an HTML page and is often used to locate a specific element by CSS and JavaScript.

   • Example: <div id="uniqueId">Content</div>

2. href (Hypertext Reference)

   • Description: Specifies the URL that the link will lead to. This attribute is commonly found in the <a> tag to create a hyperlink.

   • Example: <a href="https://example.com">Home Page</a>

3. title

   • Description: Provides additional information about an element in the form of a tooltip, usually appearing when the user hovers over that element.

   • Example: <div title="Detailed Information">Content</div>

4. target

   • Description: Specifies where the linked resource or submitted form should open. For example, _blank opens the link in a new tab.

   • Example: <a href="https://example.com" target="_blank">Home Page</a>

5. type

   • Description: Specifies the content type of the <input> tag or the type of resource in the <script> and <link> tags.

   • Example: <input type="text"> or <script type="text/javascript">

6. value

   • Description: Specifies the value of the <input>, <option>, or <button> element.

   • Example: <input type="checkbox" value="1">

7. placeholder

   • Description: Provides a hint or description of the expected information in an input field (<input> or <textarea>).

   • Example: <input type="email" placeholder="[e-mail]">

8. name

   • Description: Specifies the name of the input element, important in form processing.

   • Example: <input type="text" name="username">

9. data-*

   • Description: Allows us to store additional information or custom data in an HTML element without any impact on its display form.

   • Example: <div data-product-id="12345">Product</div>

10. disabled

    • Description: Specifies that an input element cannot be used or selected.

    • Example: <input type="submit" disabled>

11. readonly

    • Description: Specifies that an input field cannot be modified but can still be selected or copied.

    • Example: <input type="text" readonly>

12. selected

    • Description: Specifies a default selected option in a <select> tag.

    • Example: <option selected>Choose this item</option>