How to use autocomplete of calcite-input-text?

[ForrestLin]

How to use autocomplete of calcite-input-text? Please provide an example.

[KittyHurley]

Calcite leverages autocomplete, which provides autofill from the user-agent, and may require the following of the component:

1. The component is provided with a "name" and/or "id" attribute,
2. The component is housed within a form, and/or
3. The form also contains a submit button

[ForrestLin]

Any example? Sample code?

Thanks

[KittyHurley]

@ForrestLin you can refer to the MDN example in the above thread for the specifics. Below are examples with Calcite and native elements, depending on the user agent:

<!-- Native  example -->
<!-- <label for="firstName">First Name:</label>
<input name="firstName" id="firstName" type="text" autocomplete="given-name" /> -->

<!-- Calcite example -->
<calcite-label for="firstName">First Name:</calcite-label>
<calcite-input name="firstName" id="firstName" autocomplete="given-name"></calcite-input>

[ForrestLin]

Hello Kitty,

Thank you!

Is it possible to auto-complete input data from backend: web api/service, database?