> For the complete documentation index, see [llms.txt](https://v5.docs.allcancode.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://v5.docs.allcancode.com/writing-frontend-logic/binding-inputs-to-data.md).
# Binding inputs to data
Step 1: Import a input field element
Step 2: Select the input field
First way of implementation
Step 3: Press "Templates" button
Step 4: Select "Bind input to variable"
Second way of implementation
Step 3: Create a function with parameter and fill in onChange field (interactions panel) with function's name
Step 4: Create a variable and complement "Value" field (content panel) starting with $.
