diff --git a/demo/lib/demo_web/live/home_live/index.html.heex b/demo/lib/demo_web/live/home_live/index.html.heex
index 7a0f7762..a3334133 100644
--- a/demo/lib/demo_web/live/home_live/index.html.heex
+++ b/demo/lib/demo_web/live/home_live/index.html.heex
@@ -39,12 +39,7 @@
           Get notified when we're launching.
         </h2>
         <.form :if={not @subscribed?} class="mt-4 flex gap-x-4" for={@form} phx-change="validate" phx-submit="subscribe">
-          <%= Phoenix.HTML.Form.text_input(
-            @form,
-            :email,
-            class: "input input-bordered h-12 w-64"
-          ) %>
-
+          <input type="text" name={@form[:email].name} class="input input-bordered h-12 w-64" />
           <button class="btn" type="submit" class="mr-6" color="white">Subscribe</button>
         </.form>
 
diff --git a/lib/backpex/fields/belongs_to.ex b/lib/backpex/fields/belongs_to.ex
index 773bc861..ad95f09a 100644
--- a/lib/backpex/fields/belongs_to.ex
+++ b/lib/backpex/fields/belongs_to.ex
@@ -10,7 +10,6 @@ defmodule Backpex.Fields.BelongsTo do
     * `:options_query` - Manipulates the list of available options in the select.
       Defaults to `fn (query, _field) -> query end` which returns all entries.
     * `:prompt` - The text to be displayed when no option is selected.
-      Allows the same values as [`Phoenix.Html.Form.select`](https://hexdocs.pm/phoenix_html/Phoenix.HTML.Form.html#select/4) for customization of the prompt.
 
   ## Example
 
@@ -96,8 +95,7 @@ defmodule Backpex.Fields.BelongsTo do
         </:label>
         <BackpexForm.field_input
           type="select"
-          form={@form}
-          field_name={@owner_key}
+          field={@form[@owner_key]}
           field_options={@field_options}
           options={@options}
           {@prompt}
diff --git a/lib/backpex/fields/boolean.ex b/lib/backpex/fields/boolean.ex
index 5ec19b45..e40070e7 100644
--- a/lib/backpex/fields/boolean.ex
+++ b/lib/backpex/fields/boolean.ex
@@ -27,8 +27,7 @@ defmodule Backpex.Fields.Boolean do
         <:label align={Backpex.Field.align_label(@field_options, assigns, :top)}>
           <Layout.input_label text={@field_options[:label]} />
         </:label>
-        <BackpexForm.field_input type="toggle" form={@form} field_name={@name} field_options={@field_options} />
-        <BackpexForm.error_tag form={@form} name={@name} field_options={@field_options} />
+        <BackpexForm.field_input type="toggle" field={@form[@name]} field_options={@field_options} />
       </Layout.field_container>
     </div>
     """
diff --git a/lib/backpex/fields/currency.ex b/lib/backpex/fields/currency.ex
index 4b42f11e..0eaa4bbf 100644
--- a/lib/backpex/fields/currency.ex
+++ b/lib/backpex/fields/currency.ex
@@ -63,8 +63,7 @@ defmodule Backpex.Fields.Currency do
         </:label>
         <BackpexForm.field_input
           type="number"
-          form={@form}
-          field_name={@name}
+          field={@form[@name]}
           field_options={@field_options}
           value={@casted_value}
           phx-debounce={Backpex.Field.debounce(@field_options, assigns)}
diff --git a/lib/backpex/fields/date.ex b/lib/backpex/fields/date.ex
index 2bf04fb6..e1703023 100644
--- a/lib/backpex/fields/date.ex
+++ b/lib/backpex/fields/date.ex
@@ -58,8 +58,7 @@ defmodule Backpex.Fields.Date do
         </:label>
         <BackpexForm.field_input
           type="date"
-          form={@form}
-          field_name={@name}
+          field={@form[@name]}
           field_options={@field_options}
           phx-debounce={Backpex.Field.debounce(@field_options, assigns)}
           phx-throttle={Backpex.Field.throttle(@field_options, assigns)}
@@ -79,8 +78,7 @@ defmodule Backpex.Fields.Date do
         </:label>
         <BackpexForm.field_input
           type="date"
-          form={@form}
-          field_name={@name}
+          field={@form[@name]}
           field_options={@field_options}
           phx-debounce={Backpex.Field.debounce(@field_options, assigns)}
           phx-throttle={Backpex.Field.throttle(@field_options, assigns)}
diff --git a/lib/backpex/fields/date_time.ex b/lib/backpex/fields/date_time.ex
index 1f322392..153ac8ea 100644
--- a/lib/backpex/fields/date_time.ex
+++ b/lib/backpex/fields/date_time.ex
@@ -58,8 +58,7 @@ defmodule Backpex.Fields.DateTime do
         </:label>
         <BackpexForm.field_input
           type="datetime-local"
-          form={@form}
-          field_name={@name}
+          field={@form[@name]}
           field_options={@field_options}
           phx-debounce={Backpex.Field.debounce(@field_options, assigns)}
           phx-throttle={Backpex.Field.throttle(@field_options, assigns)}
@@ -79,8 +78,7 @@ defmodule Backpex.Fields.DateTime do
         </:label>
         <BackpexForm.field_input
           type="datetime-local"
-          form={@form}
-          field_name={@name}
+          field={@form[@name]}
           field_options={@field_options}
           phx-debounce={Backpex.Field.debounce(@field_options, assigns)}
           phx-throttle={Backpex.Field.throttle(@field_options, assigns)}
diff --git a/lib/backpex/fields/has_many.ex b/lib/backpex/fields/has_many.ex
index fb2b35f4..ec735049 100644
--- a/lib/backpex/fields/has_many.ex
+++ b/lib/backpex/fields/has_many.ex
@@ -216,13 +216,12 @@ defmodule Backpex.Fields.HasMany do
           <Layout.input_label text={@field_options[:label]} />
         </:label>
         <.multi_select
-          form={@form}
+          field={@form[@name]}
           prompt={@prompt}
           not_found_text={@not_found_text}
           options={@options}
           selected={@selected}
           search_input={@search_input}
-          name={@name}
           field_options={@field_options}
           show_select_all={@show_select_all}
           show_more={@show_more}
diff --git a/lib/backpex/fields/has_many_through.ex b/lib/backpex/fields/has_many_through.ex
index 313f0b38..e58d4c81 100644
--- a/lib/backpex/fields/has_many_through.ex
+++ b/lib/backpex/fields/has_many_through.ex
@@ -533,13 +533,7 @@ defmodule Backpex.Fields.HasManyThrough do
       <:label>
         <Layout.input_label text={@label} />
       </:label>
-      <BackpexForm.field_input
-        type="select"
-        form={@form}
-        field_name={@owner_key}
-        field_options={@field_options}
-        options={@options}
-      />
+      <BackpexForm.field_input type="select" field={@form[@owner_key]} field_options={@field_options} options={@options} />
     </Layout.field_container>
     """
   end
diff --git a/lib/backpex/fields/inline_crud.ex b/lib/backpex/fields/inline_crud.ex
index 5ce0b25f..57eb3ddd 100644
--- a/lib/backpex/fields/inline_crud.ex
+++ b/lib/backpex/fields/inline_crud.ex
@@ -131,8 +131,7 @@ defmodule Backpex.Fields.InlineCRUD do
                 </p>
                 <BackpexForm.field_input
                   type={input_type(child_field_options) |> Atom.to_string()}
-                  form={f_nested}
-                  field_name={child_field_name}
+                  field={f_nested[child_field_name]}
                   field_options={child_field_options}
                 />
               </div>
diff --git a/lib/backpex/fields/many_to_many.ex b/lib/backpex/fields/many_to_many.ex
index 63b012ab..e682007f 100644
--- a/lib/backpex/fields/many_to_many.ex
+++ b/lib/backpex/fields/many_to_many.ex
@@ -216,13 +216,12 @@ defmodule Backpex.Fields.ManyToMany do
           <Layout.input_label text={@field_options[:label]} />
         </:label>
         <.multi_select
-          form={@form}
+          field={@form[@name]}
           prompt={@prompt}
           not_found_text={@not_found_text}
           options={@options}
           selected={@selected}
           search_input={@search_input}
-          name={@name}
           field_options={@field_options}
           show_select_all={@show_select_all}
           show_more={@show_more}
diff --git a/lib/backpex/fields/multi_select.ex b/lib/backpex/fields/multi_select.ex
index a1a75305..23ffc19f 100644
--- a/lib/backpex/fields/multi_select.ex
+++ b/lib/backpex/fields/multi_select.ex
@@ -128,13 +128,12 @@ defmodule Backpex.Fields.MultiSelect do
           <Layout.input_label text={@field_options[:label]} />
         </:label>
         <.multi_select
-          form={@form}
+          field={@form[@name]}
           prompt={@prompt}
           not_found_text={@not_found_text}
           options={@options}
           selected={@selected}
           search_input={@search_input}
-          name={@name}
           field_options={@field_options}
           show_select_all={@show_select_all}
           show_more={false}
diff --git a/lib/backpex/fields/number.ex b/lib/backpex/fields/number.ex
index 14b9cb17..dde53ae1 100644
--- a/lib/backpex/fields/number.ex
+++ b/lib/backpex/fields/number.ex
@@ -29,7 +29,7 @@ defmodule Backpex.Fields.Number do
         <:label align={Backpex.Field.align_label(@field_options, assigns)}>
           <Layout.input_label text={@field_options[:label]} />
         </:label>
-        <BackpexForm.field_input type="text" form={@form} field_name={@name} field_options={@field_options} />
+        <BackpexForm.field_input type="text" field={@form[@name]} field_options={@field_options} />
       </Layout.field_container>
     </div>
     """
@@ -43,14 +43,7 @@ defmodule Backpex.Fields.Number do
         <:label align={Backpex.Field.align_label(@field_options, assigns)}>
           <Layout.input_label text={@field_options[:label]} />
         </:label>
-        <BackpexForm.field_input
-          type="text"
-          form={@form}
-          field_name={@name}
-          field_options={@field_options}
-          readonly
-          disabled
-        />
+        <BackpexForm.field_input type="text" field={@form[@name]} field_options={@field_options} readonly disabled />
       </Layout.field_container>
     </div>
     """
@@ -58,31 +51,24 @@ defmodule Backpex.Fields.Number do
 
   @impl Backpex.Field
   def render_index_form(assigns) do
+    form = to_form(%{"value" => assigns.value}, as: :index_form)
+
     assigns =
       assigns
-      |> assign(:input_id, "index_input_#{assigns.item.id}_#{assigns.name}")
+      |> assign(:form, form)
       |> assign_new(:valid, fn -> true end)
 
     ~H"""
     <div>
-      <.form
-        :let={f}
-        for={%{}}
-        as={:index_form}
-        class="relative"
-        phx-change="update-field"
-        phx-submit="update-field"
-        phx-target={@myself}
-      >
-        <%= Phoenix.HTML.Form.text_input(
-          f,
-          :index_input,
-          class: ["input input-sm", if(@valid, do: "hover:input-bordered", else: "input-error")],
-          value: @value,
-          phx_debounce: "100",
-          readonly: @readonly,
-          id: @input_id
-        ) %>
+      <.form for={@form} class="relative" phx-change="update-field" phx-submit="update-field" phx-target={@myself}>
+        <input
+          type="text"
+          name={@form[:value].name}
+          value={@form[:value].value}
+          class={["input input-sm", @valid && "hover:input-bordered", !@valid && "input-error"]}
+          phx-debounce="100"
+          readonly={@readonly}
+        />
       </.form>
     </div>
     """
diff --git a/lib/backpex/fields/select.ex b/lib/backpex/fields/select.ex
index 81086172..a4d6c030 100644
--- a/lib/backpex/fields/select.ex
+++ b/lib/backpex/fields/select.ex
@@ -6,7 +6,6 @@ defmodule Backpex.Fields.Select do
 
     * `:options` - Required (keyword) list of options to be used for the select.
     * `:prompt` - The text to be displayed when no option is selected.
-      Allows the same values as [`Phoenix.Html.Form.select`](https://hexdocs.pm/phoenix_html/Phoenix.HTML.Form.html#select/4) for customization of the prompt.
 
   ## Example
 
@@ -54,8 +53,7 @@ defmodule Backpex.Fields.Select do
         </:label>
         <BackpexForm.field_input
           type="select"
-          form={@form}
-          field_name={@name}
+          field={@form[@name]}
           field_options={@field_options}
           options={@options}
           {@prompt}
@@ -67,43 +65,34 @@ defmodule Backpex.Fields.Select do
 
   @impl Backpex.Field
   def render_index_form(assigns) do
+    form = to_form(%{"value" => assigns.value}, as: :index_form)
     options = Map.get(assigns.field_options, :options)
 
     assigns =
       assigns
-      |> assign(:input_id, "index_input_#{assigns.item.id}_#{assigns.name}")
-      |> assign_new(:valid, fn -> true end)
+      |> assign(:form, form)
       |> assign(:options, options)
+      |> assign_new(:valid, fn -> true end)
       |> assign_prompt(assigns.field_options)
 
     ~H"""
     <div>
-      <.form
-        :let={f}
-        for={%{}}
-        as={:index_form}
-        class="relative"
-        phx-change="update-field"
-        phx-submit="update-field"
-        phx-target={@myself}
-      >
-        <%= Phoenix.HTML.Form.select(
-          f,
-          :index_input,
-          @options,
-          class: ["select select-sm", if(@valid, do: "hover:input-bordered", else: "select-error")],
-          selected: @value,
-          disabled: @readonly,
-          id: @input_id,
-          prompt: Map.get(@prompt, :prompt)
-        ) %>
+      <.form for={@form} class="relative" phx-change="update-field" phx-submit="update-field" phx-target={@myself}>
+        <select
+          name={@form[:value].name}
+          class={["select select-sm", if(@valid, do: "hover:input-bordered", else: "select-error")]}
+          disabled={@readonly}
+        >
+          <option :if={@prompt} value=""><%= Map.get(@prompt, :prompt) %></option>
+          <%= Phoenix.HTML.Form.options_for_select(@options, @value) %>
+        </select>
       </.form>
     </div>
     """
   end
 
   @impl Phoenix.LiveComponent
-  def handle_event("update-field", %{"index_form" => %{"index_input" => value}}, socket) do
+  def handle_event("update-field", %{"index_form" => %{"value" => value}}, socket) do
     Backpex.Field.handle_index_editable(socket, %{} |> Map.put(socket.assigns.name, value))
   end
 
diff --git a/lib/backpex/fields/text.ex b/lib/backpex/fields/text.ex
index 1d05c980..56c62499 100644
--- a/lib/backpex/fields/text.ex
+++ b/lib/backpex/fields/text.ex
@@ -27,7 +27,7 @@ defmodule Backpex.Fields.Text do
         <:label align={Backpex.Field.align_label(@field_options, assigns, :center)}>
           <Layout.input_label text={@field_options[:label]} />
         </:label>
-        <BackpexForm.field_input type="text" form={@form} field_name={@name} field_options={@field_options} />
+        <BackpexForm.field_input type="text" field={@form[@name]} field_options={@field_options} />
       </Layout.field_container>
     </div>
     """
@@ -41,14 +41,7 @@ defmodule Backpex.Fields.Text do
         <:label align={Backpex.Field.align_label(@field_options, assigns, :center)}>
           <Layout.input_label text={@field_options[:label]} />
         </:label>
-        <BackpexForm.field_input
-          type="text"
-          form={@form}
-          field_name={@name}
-          field_options={@field_options}
-          readonly
-          disabled
-        />
+        <BackpexForm.field_input type="text" field={@form[@name]} field_options={@field_options} readonly disabled />
       </Layout.field_container>
     </div>
     """
@@ -56,38 +49,31 @@ defmodule Backpex.Fields.Text do
 
   @impl Backpex.Field
   def render_index_form(assigns) do
+    form = to_form(%{"value" => assigns.value}, as: :index_form)
+
     assigns =
       assigns
-      |> assign(:input_id, "index_input_#{assigns.item.id}_#{assigns.name}")
+      |> assign(:form, form)
       |> assign_new(:valid, fn -> true end)
 
     ~H"""
     <div>
-      <.form
-        :let={f}
-        for={%{}}
-        as={:index_form}
-        class="relative"
-        phx-change="update-field"
-        phx-submit="update-field"
-        phx-target={@myself}
-      >
-        <%= Phoenix.HTML.Form.text_input(
-          f,
-          :index_input,
-          class: ["input input-sm", if(@valid, do: "hover:input-bordered", else: "input-error")],
-          value: @value,
-          phx_debounce: "100",
-          readonly: @readonly,
-          id: @input_id
-        ) %>
+      <.form for={@form} class="relative" phx-change="update-field" phx-submit="update-field" phx-target={@myself}>
+        <input
+          type="text"
+          name={@form[:value].name}
+          value={@form[:value].value}
+          class={["input input-sm", @valid && "hover:input-bordered", !@valid && "input-error"]}
+          phx-debounce="100"
+          readonly={@readonly}
+        />
       </.form>
     </div>
     """
   end
 
   @impl Phoenix.LiveComponent
-  def handle_event("update-field", %{"index_form" => %{"index_input" => value}}, socket) do
+  def handle_event("update-field", %{"index_form" => %{"value" => value}}, socket) do
     Backpex.Field.handle_index_editable(socket, %{} |> Map.put(socket.assigns.name, value))
   end
 end
diff --git a/lib/backpex/fields/textarea.ex b/lib/backpex/fields/textarea.ex
index f54a86b2..5be62021 100644
--- a/lib/backpex/fields/textarea.ex
+++ b/lib/backpex/fields/textarea.ex
@@ -27,7 +27,7 @@ defmodule Backpex.Fields.Textarea do
         <:label align={Backpex.Field.align_label(@field_options, assigns, :top)}>
           <Layout.input_label text={@field_options[:label]} />
         </:label>
-        <BackpexForm.field_input type="textarea" form={@form} field_name={@name} field_options={@field_options} />
+        <BackpexForm.field_input type="textarea" field={@form[@name]} field_options={@field_options} />
       </Layout.field_container>
     </div>
     """
@@ -41,14 +41,7 @@ defmodule Backpex.Fields.Textarea do
         <:label align={Backpex.Field.align_label(@field_options, assigns, :top)}>
           <Layout.input_label text={@field_options[:label]} />
         </:label>
-        <BackpexForm.field_input
-          type="textarea"
-          form={@form}
-          field_name={@name}
-          field_options={@field_options}
-          readonly
-          disabled
-        />
+        <BackpexForm.field_input type="textarea" field={@form[@name]} field_options={@field_options} readonly disabled />
       </Layout.field_container>
     </div>
     """
diff --git a/lib/backpex/fields/url.ex b/lib/backpex/fields/url.ex
index b3148b84..83bf0966 100644
--- a/lib/backpex/fields/url.ex
+++ b/lib/backpex/fields/url.ex
@@ -29,7 +29,7 @@ defmodule Backpex.Fields.URL do
         <:label align={Backpex.Field.align_label(@field_options, assigns)}>
           <Layout.input_label text={@field_options[:label]} />
         </:label>
-        <BackpexForm.field_input type="text" form={@form} field_name={@name} field_options={@field_options} />
+        <BackpexForm.field_input type="text" field={@form[@name]} field_options={@field_options} />
       </Layout.field_container>
     </div>
     """
diff --git a/lib/backpex/filters/boolean.ex b/lib/backpex/filters/boolean.ex
index 9d7de520..98e012aa 100644
--- a/lib/backpex/filters/boolean.ex
+++ b/lib/backpex/filters/boolean.ex
@@ -92,29 +92,27 @@ defmodule Backpex.Filters.Boolean do
   attr :options, :list, required: true
 
   def render_form(assigns) do
-    checked = if is_nil(assigns.value), do: [], else: assigns.value
+    value = if is_nil(assigns.value), do: [], else: assigns.value
     options = Enum.map(assigns.options, fn %{label: l, key: k} -> {l, k} end)
 
     assigns =
       assigns
-      |> assign(:checked, checked)
+      |> assign(:value, value)
       |> assign(:options, options)
 
     ~H"""
     <div class="mt-2 flex flex-col space-y-2">
-      <%= Phoenix.HTML.Form.hidden_input(@form, @field, name: Phoenix.HTML.Form.input_name(@form, @field), value: "") %>
-      <%= for {label, key} <- @options do %>
+      <input type="hidden" name={@form[@field].name} value="" />
+      <%= for {label, v} <- @options do %>
         <label class="flex cursor-pointer items-center gap-x-2">
-          <%= Phoenix.HTML.Form.checkbox(
-            @form,
-            @field,
-            name: Phoenix.HTML.Form.input_name(@form, @field) <> "[]",
-            class: "checkbox checkbox-sm checkbox-primary",
-            checked: to_string(key) in @checked,
-            checked_value: key,
-            unchecked_value: "",
-            hidden_input: false
-          ) %>
+          <input
+            id={"#{@form[@field].name}[]-#{v}"}
+            type="checkbox"
+            name={@form[@field].name <> "[]"}
+            class="checkbox checkbox-sm checkbox-primary"
+            value={v}
+            checked={to_string(v) in @value}
+          />
           <span class="label-text">
             <%= label %>
           </span>
diff --git a/lib/backpex/filters/multi_select.ex b/lib/backpex/filters/multi_select.ex
index dff7b5b5..613c3d57 100644
--- a/lib/backpex/filters/multi_select.ex
+++ b/lib/backpex/filters/multi_select.ex
@@ -83,16 +83,16 @@ defmodule Backpex.Filters.MultiSelect do
   attr :prompt, :string, required: true
 
   def render_form(assigns) do
-    checked = if is_nil(assigns.value), do: [], else: assigns.value
-    assigns = assign(assigns, :checked, checked)
+    value = if is_nil(assigns.value), do: [], else: assigns.value
+    assigns = assign(assigns, :value, value)
 
     ~H"""
     <div class="mt-2" x-data="{ open: false }">
       <div tabindex="0" @click="open = !open" role="button" class="select select-sm select-bordered w-full">
-        <%= if @checked == [] do %>
+        <%= if @value == [] do %>
           <%= @prompt %>
         <% else %>
-          <%= "#{Enum.count(@checked)} #{Backpex.translate("selected")}" %>
+          <%= "#{Enum.count(@value)} #{Backpex.translate("selected")}" %>
         <% end %>
       </div>
       <ul
@@ -102,19 +102,17 @@ defmodule Backpex.Filters.MultiSelect do
         @click.outside="open = false"
       >
         <div class="space-y-2">
-          <%= Phoenix.HTML.Form.hidden_input(@form, @field, name: Phoenix.HTML.Form.input_name(@form, @field), value: "") %>
-          <%= for {label, key} <- @options do %>
+          <input type="hidden" name={@form[@field].name} value="" />
+          <%= for {label, v} <- @options do %>
             <label class="flex cursor-pointer items-center gap-x-2">
-              <%= Phoenix.HTML.Form.checkbox(
-                @form,
-                @field,
-                name: Phoenix.HTML.Form.input_name(@form, @field) <> "[]",
-                class: "checkbox checkbox-sm checkbox-primary",
-                checked: to_string(key) in @checked,
-                checked_value: key,
-                unchecked_value: "",
-                hidden_input: false
-              ) %>
+              <input
+                id={"#{@form[@field].name}[]-#{v}"}
+                type="checkbox"
+                name={@form[@field].name <> "[]"}
+                class="checkbox checkbox-sm checkbox-primary"
+                value={v}
+                checked={to_string(v) in @value}
+              />
               <span class="label-text">
                 <%= label %>
               </span>
diff --git a/lib/backpex/filters/range.ex b/lib/backpex/filters/range.ex
index 1ff16344..168a8cc1 100644
--- a/lib/backpex/filters/range.ex
+++ b/lib/backpex/filters/range.ex
@@ -94,18 +94,13 @@ defmodule Backpex.Filters.Range do
   def range_input_set(%{type: :date} = assigns) do
     ~H"""
     <div class="mt-2">
-      <%= Phoenix.HTML.Form.date_input(
-        @form,
-        "start",
-        value: @value["start"],
-        class: "input input-sm input-bordered mb-2 w-full"
-      ) %>
-      <%= Phoenix.HTML.Form.date_input(
-        @form,
-        "end",
-        value: @value["end"],
-        class: "input input-sm input-bordered w-full"
-      ) %>
+      <input
+        type="date"
+        name={@form[:start].name}
+        class="input input-sm input-bordered mb-2 w-full"
+        value={@value["start"]}
+      />
+      <input type="date" name={@form[:end].name} class="input input-sm input-bordered w-full" value={@value["end"]} />
     </div>
     """
   end
@@ -113,18 +108,13 @@ defmodule Backpex.Filters.Range do
   def range_input_set(%{type: :number} = assigns) do
     ~H"""
     <div class="mt-2">
-      <%= Phoenix.HTML.Form.number_input(
-        @form,
-        "start",
-        value: @value["start"],
-        class: "input input-sm input-bordered mb-2 w-full"
-      ) %>
-      <%= Phoenix.HTML.Form.number_input(
-        @form,
-        "end",
-        value: @value["end"],
-        class: "input input-sm input-bordered w-full"
-      ) %>
+      <input
+        type="number"
+        name={@form[:start].name}
+        class="input input-sm input-bordered mb-2 w-full"
+        value={@value["start"]}
+      />
+      <input type="number" name={@form[:end].name} class="input input-sm input-bordered w-full" value={@value["end"]} />
     </div>
     """
   end
diff --git a/lib/backpex/filters/select.ex b/lib/backpex/filters/select.ex
index 08124c43..b96d8036 100644
--- a/lib/backpex/filters/select.ex
+++ b/lib/backpex/filters/select.ex
@@ -65,7 +65,7 @@ defmodule Backpex.Filters.Select do
       def render_form(assigns) do
         assigns =
           assigns
-          |> assign(:options, options())
+          |> assign(:options, [{prompt(), nil} | options()])
           |> assign(:prompt, prompt())
 
         SelectFilter.render_form(assigns)
@@ -93,19 +93,11 @@ defmodule Backpex.Filters.Select do
   attr :prompt, :string, required: true
 
   def render_form(assigns) do
-    assigns =
-      assigns
-      |> assign(:options, [{assigns.prompt, nil} | assigns.options])
-      |> assign(:selected, selected(assigns.value))
-
     ~H"""
-    <%= Phoenix.HTML.Form.select(
-      @form,
-      @field,
-      @options,
-      class: "select select-sm select-bordered mt-2 w-full",
-      selected: @selected
-    ) %>
+    <select name={@form[@field].name} class="select select-sm select-bordered mt-2 w-full">
+      <option value=""><%= @prompt %></option>
+      <%= Phoenix.HTML.Form.options_for_select(@options, selected(@value)) %>
+    </select>
     """
   end
 
diff --git a/lib/backpex/html/form.ex b/lib/backpex/html/form.ex
index 4e99e880..e93ab81c 100644
--- a/lib/backpex/html/form.ex
+++ b/lib/backpex/html/form.ex
@@ -4,152 +4,239 @@ defmodule Backpex.HTML.Form do
   """
   use BackpexWeb, :html
 
-  alias Phoenix.HTML.Form, as: PhoenixForm
+  alias Phoenix.HTML.Form
 
   @doc """
   Renders an input.
   """
   @doc type: :component
 
-  attr(:form, :atom, required: true, doc: "the form")
-  attr(:field_name, :atom, required: true, doc: "the field name")
-  attr(:field_options, :map, required: true, doc: "the field options")
-  attr(:options, :list, doc: "the options to be used for a select input")
-  attr(:value, :any, doc: "the value of the form input")
+  attr :id, :any, default: nil
+  attr :name, :any
+  attr :label, :string, default: nil
+  attr :value, :any
 
-  attr(:type, :string,
-    required: true,
-    values: ~w(text textarea toggle number date datetime-local select)
-  )
+  attr :type, :string,
+    default: "text",
+    values: ~w(checkbox color date datetime-local email file hidden month number password
+               range radio search select tel text textarea time url week toggle)
 
-  attr(:rest, :global, include: ~w(readonly disabled min step))
+  attr :field, Phoenix.HTML.FormField, doc: "a form field struct retrieved from the form, for example: @form[:email]"
 
-  def field_input(%{type: "text"} = assigns) do
-    assigns =
-      assigns
-      |> assign_new(:errors, fn -> Keyword.get_values(assigns.form.errors || [], assigns.field_name) end)
+  attr :errors, :list, default: []
+  attr :checked, :boolean, doc: "the checked flag for checkbox inputs"
+  attr :prompt, :string, default: nil, doc: "the prompt for select inputs"
+  attr :options, :list, doc: "the options to pass to Phoenix.HTML.Form.options_for_select/2"
+  attr :multiple, :boolean, default: false, doc: "the multiple flag for select inputs"
+
+  attr :rest, :global, include: ~w(accept autocomplete capture cols disabled form list max maxlength min minlength
+                multiple pattern placeholder readonly required rows size step)
+
+  attr :class, :string, default: nil, doc: "additional class"
+  attr :input_class, :string, default: nil, doc: "additional class for the input element"
+
+  attr :input_wrapper_class, :string,
+    default: nil,
+    doc: "additional class for the input wrapper element, currently only used in select type"
+
+  attr :field_options, :map, default: %{}, doc: "field options map"
+  attr :hide_errors, :boolean, default: false, doc: "if errors should be hidden"
+
+  slot :inner_block
+
+  def field_input(%{field: %Phoenix.HTML.FormField{} = field} = assigns) do
+    assigns
+    |> assign(field: nil, id: assigns.id || field.id)
+    |> assign(:errors, translate_form_errors(field, assigns.field_options))
+    |> assign_new(:name, fn -> if assigns.multiple, do: field.name <> "[]", else: field.name end)
+    |> assign_new(:value, fn -> field.value end)
+    |> field_input()
+  end
+
+  def field_input(%{type: "checkbox", value: value} = assigns) do
+    assigns = assign_new(assigns, :checked, fn -> Form.normalize_value("checkbox", value) end)
 
     ~H"""
-    <div phx-feedback-for={PhoenixForm.input_name(@form, @field_name)}>
-      <%= PhoenixForm.text_input(
-        @form,
-        @field_name,
-        [
-          class: [
-            "phx-no-feedback:input phx-no-feedback:input-bordered w-full",
-            @errors == [] && "input input-bordered",
-            @errors != [] && "input input-error bg-red-50 placeholder-danger"
-          ],
-          placeholder: Backpex.Field.placeholder(@field_options, assigns),
-          phx_debounce: Backpex.Field.debounce(@field_options, assigns),
-          phx_throttle: Backpex.Field.throttle(@field_options, assigns)
-        ] ++ Map.to_list(@rest)
-      ) %>
-      <.error_tag form={@form} name={@field_name} field_options={@field_options} />
+    <div phx-feedback-for={@name} class={@class}>
+      <div class="form-control w-full">
+        <%= if @label do %>
+          <label class="label cursor-pointer">
+            <input type="hidden" name={@name} value="false" />
+            <input
+              type="checkbox"
+              id={@id}
+              name={@name}
+              value="true"
+              checked={@checked}
+              class={[
+                "checkbox checkbox-sm phx-no-feedback:checkbox phx-no-feedback:checkbox-primary",
+                @input_class,
+                @errors == [] && "checkbox-primary",
+                @errors != [] && "checkbox-error"
+              ]}
+              {@rest}
+            />
+            <span class="label-text ml-2"><%= @label %></span>
+          </label>
+        <% else %>
+          <input type="hidden" name={@name} value="false" />
+          <input
+            type="checkbox"
+            id={@id}
+            name={@name}
+            value="true"
+            checked={@checked}
+            class={[
+              "checkbox checkbox-sm phx-no-feedback:checkbox phx-no-feedback:checkbox-primary",
+              @input_class,
+              @errors == [] && "checkbox-primary",
+              @errors != [] && "checkbox-error"
+            ]}
+            {@rest}
+          />
+        <% end %>
+      </div>
+      <.error :for={msg <- @errors} :if={not @hide_errors}><%= msg %></.error>
     </div>
     """
   end
 
-  def field_input(%{type: "textarea"} = assigns) do
-    assigns =
-      assigns
-      |> assign_new(:errors, fn -> Keyword.get_values(assigns.form.errors || [], assigns.field_name) end)
+  def field_input(%{type: "toggle", value: value} = assigns) do
+    assigns = assign_new(assigns, :checked, fn -> Form.normalize_value("checkbox", value) end)
 
     ~H"""
-    <div phx-feedback-for={PhoenixForm.input_name(@form, @field_name)}>
-      <%= PhoenixForm.textarea(
-        @form,
-        @field_name,
-        [
-          class: [
-            "phx-no-feedback:textarea phx-no-feedback:textarea-bordered w-full",
-            @errors == [] && "textarea textarea-bordered",
-            @errors != [] && "textarea textarea-error bg-red-50 placeholder-danger"
-          ],
-          placeholder: Backpex.Field.placeholder(@field_options, assigns),
-          phx_debounce: Backpex.Field.debounce(@field_options, assigns),
-          phx_throttle: Backpex.Field.throttle(@field_options, assigns)
-        ] ++ Map.to_list(@rest)
-      ) %>
-      <.error_tag form={@form} name={@field_name} field_options={@field_options} />
+    <div phx-feedback-for={@name} class={@class}>
+      <div class="form-control w-full">
+        <%= if @label do %>
+          <label class="label cursor-pointer">
+            <input type="hidden" name={@name} value="false" />
+            <input
+              type="checkbox"
+              id={@id}
+              name={@name}
+              value="true"
+              checked={@checked}
+              class={[
+                "toggle phx-no-feedback:toggle phx-no-feedback:toggle-primary",
+                @input_class,
+                @errors == [] && "toggle-primary",
+                @errors != [] && "toggle-error"
+              ]}
+              {@rest}
+            />
+            <span class="label-text ml-2"><%= @label %></span>
+          </label>
+        <% else %>
+          <input type="hidden" name={@name} value="false" />
+          <input
+            type="checkbox"
+            id={@id}
+            name={@name}
+            value="true"
+            checked={@checked}
+            class={[
+              "toggle phx-no-feedback:toggle phx-no-feedback:toggle-primary",
+              @input_class,
+              @errors == [] && "toggle-primary",
+              @errors != [] && "toggle-error"
+            ]}
+            {@rest}
+          />
+        <% end %>
+      </div>
+      <.error :for={msg <- @errors} :if={not @hide_errors}><%= msg %></.error>
     </div>
     """
   end
 
-  def field_input(%{type: "toggle"} = assigns) do
+  def field_input(%{type: "select"} = assigns) do
     ~H"""
-    <div phx-feedback-for={PhoenixForm.input_name(@form, @field_name)}>
-      <%= PhoenixForm.checkbox(
-        @form,
-        @field_name,
-        [
-          class: "toggle toggle-primary"
-        ] ++ Map.to_list(@rest)
-      ) %>
-      <.error_tag form={@form} name={@field_name} field_options={@field_options} />
+    <div phx-feedback-for={@name} class={@class}>
+      <div class="form-control">
+        <label :if={@label} class="label">
+          <span class="label-text"><%= @label %></span>
+        </label>
+        <div class={[
+          @input_wrapper_class,
+          "phx-no-feedback:[&>*]:select phx-no-feedback:[&>*]:select-bordered phx-no-feedback:[&>*]:text-gray-900",
+          @errors == [] && "[&>*]:select [&>*]:select-bordered [&>*]:text-gray-900",
+          @errors != [] && "[&>*]:select [&>*]:select-error [&>*]:bg-red-50 [&>*]:text-red-800"
+        ]}>
+          <select class={["w-full", @input_class]} name={@name} {@rest}>
+            <option :if={@prompt} value=""><%= @prompt %></option>
+            <%= Phoenix.HTML.Form.options_for_select(@options, @value) %>
+          </select>
+        </div>
+      </div>
+      <.error :for={msg <- @errors} :if={not @hide_errors}><%= msg %></.error>
     </div>
     """
   end
 
-  def field_input(%{type: "select"} = assigns) do
-    rest = if Map.get(assigns, :value), do: Map.put(assigns.rest, :value, assigns.value), else: assigns.rest
-
-    assigns =
-      assigns
-      |> assign(:rest, rest)
-      |> assign_new(:errors, fn -> Keyword.get_values(assigns.form.errors || [], assigns.field_name) end)
-
+  def field_input(%{type: "textarea"} = assigns) do
     ~H"""
-    <div phx-feedback-for={PhoenixForm.input_name(@form, @field_name)}>
-      <div class={[
-        "[&>*]:w-full phx-no-feedback:[&>*]:select phx-no-feedback:[&>*]:select-bordered phx-no-feedback:[&>*]:text-gray-900",
-        @errors == [] && "[&>*]:select [&>*]:select-bordered [&>*]:text-gray-900",
-        @errors != [] && "[&>*]:select [&>*]:select-error [&>*]:bg-red-50 [&>*]:text-red-800"
-      ]}>
-        <%= PhoenixForm.select(
-          @form,
-          @field_name,
-          @options,
-          Map.to_list(@rest)
-        ) %>
+    <div phx-feedback-for={@name} class={@class}>
+      <div class="form-control">
+        <label :if={@label} class="label">
+          <span class="label-text"><%= @label %></span>
+        </label>
+        <textarea
+          id={@id}
+          name={@name}
+          class={[
+            "textarea phx-no-feedback:textarea phx-no-feedback:textarea-bordered",
+            @input_class,
+            @errors == [] && "textarea-bordered",
+            @errors != [] && "textarea-error bg-red-50"
+          ]}
+          {@rest}
+        ><%= Phoenix.HTML.Form.normalize_value("textarea", @value) %></textarea>
       </div>
-      <.error_tag form={@form} name={@field_name} field_options={@field_options} />
+      <.error :for={msg <- @errors} :if={not @hide_errors}><%= msg %></.error>
     </div>
     """
   end
 
   def field_input(assigns) do
-    assigns =
-      assigns
-      |> assign_new(:errors, fn -> Keyword.get_values(assigns.form.errors || [], assigns.field_name) end)
-      |> assign_new(:value, fn -> get_value(assigns.form, assigns.field_name) end)
-
     ~H"""
-    <div phx-feedback-for={PhoenixForm.input_name(@form, @field_name)}>
-      <input
-        id={PhoenixForm.input_id(@form, @field_name)}
-        name={PhoenixForm.input_name(@form, @field_name)}
-        type={@type}
-        class={[
-          "w-full phx-no-feedback:input phx-no-feedback:input-bordered",
-          @errors == [] && "input input-bordered",
-          @errors != [] && "input input-error placeholder-danger bg-red-50"
-        ]}
-        value={PhoenixForm.normalize_value(@type, @value)}
-        {@rest}
-      />
-      <.error_tag form={@form} name={@field_name} field_options={@field_options} />
+    <div phx-feedback-for={@name} class={@class}>
+      <div class="form-control">
+        <label :if={@label} class="label">
+          <span class="label-text"><%= @label %></span>
+        </label>
+        <input
+          type={@type}
+          name={@name}
+          id={@id}
+          value={Phoenix.HTML.Form.normalize_value(@type, @value)}
+          class={[
+            "input phx-no-feedback:input phx-no-feedback:input-bordered",
+            @input_class,
+            @errors == [] && "input-bordered",
+            @errors != [] && "input-error bg-red-50"
+          ]}
+          placeholder={Backpex.Field.placeholder(@field_options, assigns)}
+          phx-debounce={Backpex.Field.debounce(@field_options, assigns)}
+          phx-throttle={Backpex.Field.throttle(@field_options, assigns)}
+          {@rest}
+        />
+      </div>
+      <.error :for={msg <- @errors} :if={not @hide_errors}><%= msg %></.error>
     </div>
     """
   end
 
-  defp get_value(form, field) do
-    changeset_value = Map.get(form.source.changes, field)
+  @doc """
+  Generates a generic error message.
+  """
+  slot(:inner_block, required: true)
 
-    case changeset_value do
-      nil -> Map.get(form.data, field)
-      value -> value
-    end
+  def error(assigns) do
+    ~H"""
+    <p class="mt-1 text-xs italic text-red-500 phx-no-feedback:hidden">
+      <%= render_slot(@inner_block) %>
+    </p>
+    """
   end
 
   @doc """
@@ -161,15 +248,16 @@ defmodule Backpex.HTML.Form do
   attr(:options, :list, required: true, doc: "a list of options for the select")
   attr(:search_input, :string, required: true, doc: "to prefill and or persist the search term for rerendering")
   attr(:event_target, :any, required: true, doc: "the target that handles the events of this component")
-  attr(:name, :string, required: true, doc: "name of the field the select should be for")
   attr(:field_options, :map, required: true, doc: "field options for the corresponding field")
-  attr(:form, :any, required: true, doc: "form the select should be part of")
+  attr(:field, :any, required: true, doc: "form field the select should be for")
   attr(:selected, :list, required: true, doc: "the selected values")
   attr(:show_select_all, :boolean, required: true, doc: "whether to display the select all button")
   attr(:show_more, :boolean, required: true, doc: "whether there are more options to show")
   attr(:search_event, :string, default: "search", doc: "the event that will be sent when the search input changes")
 
   def multi_select(assigns) do
+    assigns = assign(assigns, :errors, translate_form_errors(assigns.field, assigns.field_options))
+
     ~H"""
     <div class="dropdown w-full">
       <label tabindex="0" class="input input-bordered block h-fit w-full p-2">
@@ -195,19 +283,18 @@ defmodule Backpex.HTML.Form do
           </div>
         </div>
       </label>
-      <Backpex.HTML.Form.error_tag form={@form} name={@name} field_options={@field_options} />
+      <.error :for={msg <- @errors} :if={not @hide_errors}><%= msg %></.error>
       <div tabindex="0" class="dropdown-content z-[1] menu bg-base-100 rounded-box w-full overflow-y-auto shadow">
         <div class="max-h-72 p-2">
-          <%= PhoenixForm.search_input(
-            @form,
-            :"#{@name}_search",
-            placeholder: Backpex.translate("Search"),
-            value: @search_input,
-            phx_change: @search_event,
-            phx_target: @event_target,
-            class: "input input-sm input-bordered mb-2 w-full"
-          ) %>
-
+          <input
+            type="search"
+            name={@field.name <> "_search"}
+            class="input input-sm input-bordered mb-2 w-full"
+            placeholder={Backpex.translate("Search")}
+            value={@search_input}
+            phx-change={@search_event}
+            phx-target={@event_target}
+          />
           <p :if={@options == []} class="w-full">
             <%= @not_found_text %>
           </p>
@@ -217,7 +304,7 @@ defmodule Backpex.HTML.Form do
             type="button"
             class="text-primary my-2 text-sm underline hover:cursor-pointer"
             phx-click="toggle-select-all"
-            phx-value-field-name={@name}
+            phx-value-field-name={@field.name}
             phx-target={@event_target}
           >
             <%= if @show_select_all do %>
@@ -227,10 +314,8 @@ defmodule Backpex.HTML.Form do
             <% end %>
           </button>
 
-          <%= PhoenixForm.hidden_input(@form, @name,
-            name: PhoenixForm.input_name(@form, @name),
-            value: ""
-          ) %>
+          <input type="hidden" name={@field.name} value="" />
+
           <div class="my-2 w-full">
             <div
               :for={{label, value} <- @options}
@@ -239,16 +324,14 @@ defmodule Backpex.HTML.Form do
               phx-value-id={value}
               phx-target={@event_target}
             >
-              <%= PhoenixForm.checkbox(
-                @form,
-                @name,
-                class: "checkbox checkbox-sm checkbox-primary",
-                checked: selected?(value, @selected),
-                name: PhoenixForm.input_name(@form, @name) <> "[]",
-                checked_value: value,
-                value: value,
-                hidden_input: false
-              ) %>
+              <input
+                type="checkbox"
+                name={@field.name<> "[]"}
+                class="checkbox checkbox-sm checkbox-primary"
+                checked={selected?(value, @selected)}
+                checked_value={value}
+                value={value}
+              />
               <p class="text-md cursor-pointer">
                 <%= label %>
               </p>
@@ -270,49 +353,21 @@ defmodule Backpex.HTML.Form do
     """
   end
 
-  defp selected?(id, selected), do: Enum.any?(selected, fn {_label, value} -> id == value end)
+  def form_errors?(false, _form), do: false
+  def form_errors?(true = _show_errors, form), do: form.errors != []
 
-  @doc """
-  Generates form field input errors.
-  """
-  @doc type: :component
-  attr(:form, :any, required: true, doc: "form the error tag should be for")
-  attr(:name, :atom, required: true, doc: "the name of the field")
-  attr(:field_options, :map, required: true, doc: "the field options")
+  defp translate_form_errors(form_field, field_options) do
+    translator_func =
+      case field_options do
+        %{translate_error: translate_error} = _field_options ->
+          fn error -> translate_error.(error) end
 
-  def error_tag(assigns) do
-    assigns =
-      assigns
-      |> assign(:translated_errors, translated_form_errors(assigns.form, assigns.name, assigns.field_options))
+        _field_options ->
+          &Function.identity/1
+      end
 
-    ~H"""
-    <div
-      :for={translated_error <- @translated_errors}
-      class="invalid-feedback mt-1 text-xs italic text-red-500"
-      phx-feedback-for={PhoenixForm.input_name(@form, @name)}
-    >
-      <%= translated_error %>
-    </div>
-    """
-  end
-
-  def form_errors?(false, _changeset), do: false
-
-  def form_errors?(true = _show_errors, changeset) do
-    Ecto.Changeset.traverse_errors(changeset, & &1)
-    |> Enum.count() > 0
+    Enum.map(form_field.errors, fn error -> translator_func.(error) |> elem(0) end)
   end
 
-  defp translated_form_errors(form, name, field_options) do
-    Keyword.get_values(form.errors || [], name)
-    |> Enum.reduce([], fn el, acc ->
-      el = translate_error(el, field_options)
-
-      Keyword.merge(acc, [el])
-    end)
-    |> Enum.map(&Backpex.translate(&1, :error))
-  end
-
-  defp translate_error(error, %{translate_error: translate_error} = _field_options), do: translate_error.(error)
-  defp translate_error(error, _field_options), do: error
+  defp selected?(id, selected), do: Enum.any?(selected, fn {_label, value} -> id == value end)
 end
diff --git a/lib/backpex/html/resource.ex b/lib/backpex/html/resource.ex
index 23ea75ff..d1862d79 100644
--- a/lib/backpex/html/resource.ex
+++ b/lib/backpex/html/resource.ex
@@ -182,20 +182,23 @@ defmodule Backpex.HTML.Resource do
   attr(:placeholder, :string, required: true, doc: "placeholder for the search input")
 
   def index_search_form(assigns) do
+    form = to_form(%{"value" => assigns.value}, as: :index_search)
+    search_enabled = not is_nil(assigns.full_text_search) or assigns.searchable_fields != []
+
     assigns =
       assigns
-      |> assign(:search_enabled, not is_nil(assigns.full_text_search) or assigns.searchable_fields != [])
+      |> assign(:search_enabled, search_enabled)
+      |> assign(:form, form)
 
     ~H"""
-    <.form :let={f} :if={@search_enabled} for={%{}} as={:index_search} phx-change="index-search" phx-submit="index-search">
-      <%= Phoenix.HTML.Form.search_input(
-        f,
-        :search_input,
-        class: "input input-sm input-bordered",
-        placeholder: @placeholder,
-        phx_debounce: "200",
-        value: @value
-      ) %>
+    <.form :if={@search_enabled} for={@form} phx-change="index-search" phx-submit="index-search">
+      <input
+        name={@form[:value].name}
+        class="input input-sm input-bordered"
+        placeholder={@placeholder}
+        phx-debounce="200"
+        value={@form[:value].value}
+      />
     </.form>
     """
   end
@@ -275,7 +278,7 @@ defmodule Backpex.HTML.Resource do
     <div class="space-y-5">
       <div :for={{field, filter} <- @filters}>
         <% value = Map.get(@filter_options, Atom.to_string(field), nil) %>
-        <.form :let={f} for={%{}} as={:filters} phx-change="change-filter" phx-submit="change-filter">
+        <.form :let={f} for={to_form(%{}, as: :filters)} phx-change="change-filter" phx-submit="change-filter">
           <div>
             <div class="relative flex w-full flex-wrap justify-start gap-2">
               <div class="text-sm font-medium text-gray-900"><%= filter.module.label() %></div>
@@ -338,6 +341,13 @@ defmodule Backpex.HTML.Resource do
   attr(:x_style, :string, default: "", doc: "alpine-bound inline styles for the root div")
 
   def toggle_columns(assigns) do
+    form =
+      to_form(%{"_resource" => assigns.live_resource, "_cookie_redirect_url" => assigns.current_url},
+        as: :toggle_columns
+      )
+
+    assigns = assign(assigns, :form, form)
+
     ~H"""
     <div class={["dropdown", @class]} x-bind:style={@x_style}>
       <label tabindex="0" class="hover:cursor-pointer">
@@ -347,10 +357,10 @@ defmodule Backpex.HTML.Resource do
         <Heroicons.view_columns aria-hidden="true" solid class="h-5 w-5 text-gray-400" />
       </label>
       <div tabindex="0" class="dropdown-content z-[1] menu bg-base-100 rounded-box w-52 p-4 shadow">
-        <.form :let={f} method="POST" for={%{}} as={:toggle_columns} action={cookie_path(@socket)}>
-          <%= Phoenix.HTML.Form.hidden_input(f, :_resource, value: @live_resource) %>
-          <%= Phoenix.HTML.Form.hidden_input(f, :_cookie_redirect_url, value: @current_url) %>
-          <.toggle_columns_inputs active_fields={@active_fields} form={f} />
+        <.form method="POST" for={@form} action={cookie_path(@socket)}>
+          <input type="hidden" name={@form[:_resource].name} value={@form[:_resource].value} />
+          <input type="hidden" name={@form[:_cookie_redirect_url].name} value={@form[:_cookie_redirect_url].value} />
+          <.toggle_columns_inputs active_fields={@active_fields} form={@form} />
           <button class="btn btn-sm btn-primary mt-4">
             <%= Backpex.translate("Save") %>
           </button>
@@ -368,13 +378,8 @@ defmodule Backpex.HTML.Resource do
     <div class="flex flex-col space-y-1">
       <div :for={{name, %{active: active, label: label}} <- @active_fields}>
         <label for={name} class="flex cursor-pointer items-center">
-          <%= Phoenix.HTML.Form.checkbox(
-            @form,
-            name,
-            id: name,
-            class: "checkbox checkbox-sm checkbox-primary",
-            checked: active
-          ) %>
+          <input type="hidden" name={@form[name].name} value="false" />
+          <input type="checkbox" name={@form[name].name} class="checkbox checkbox-sm checkbox-primary" checked={active} />
           <span class="label-text pl-2">
             <%= label %>
           </span>
@@ -610,22 +615,16 @@ defmodule Backpex.HTML.Resource do
   attr(:class, :string, default: "", doc: "Extra class to be added to the select.")
 
   def select_per_page(assigns) do
+    form = to_form(%{}, as: :select_per_page)
+
+    assigns =
+      assigns
+      |> assign(:form, form)
+      |> assign(:selected, assigns.query_options.per_page)
+
     ~H"""
-    <.form
-      :let={f}
-      for={%{}}
-      as={:select_per_page}
-      class={@class}
-      phx-change="select-page-size"
-      phx-submit="select-page-size"
-    >
-      <%= Phoenix.HTML.Form.select(
-        f,
-        :per_page,
-        @options,
-        class: "select select-sm select-bordered",
-        selected: @query_options.per_page
-      ) %>
+    <.form for={@form} class={@class} phx-change="select-page-size" phx-submit="select-page-size">
+      <input type="select" name={@form[:value].name} class="select select-sm select-bordered" selected={@selected} />
     </.form>
     """
   end
@@ -961,13 +960,20 @@ defmodule Backpex.HTML.Resource do
   defp metric_toggle(assigns) do
     visible = Backpex.Metric.metrics_visible?(assigns.metric_visibility, assigns.live_resource)
 
-    assigns = assign(assigns, :visible, visible)
+    form =
+      %{"_resource" => assigns.live_resource, "_cookie_redirect_url" => assigns.current_url}
+      |> to_form(as: :toggle_metrics)
+
+    assigns =
+      assigns
+      |> assign(:visible, visible)
+      |> assign(:form, form)
 
     ~H"""
     <div :if={length(@metrics) > 0}>
-      <.form :let={f} method="POST" for={%{}} as={:toggle_metrics} action={cookie_path(@socket)}>
-        <%= Phoenix.HTML.Form.hidden_input(f, :_resource, value: @live_resource) %>
-        <%= Phoenix.HTML.Form.hidden_input(f, :_cookie_redirect_url, value: @current_url) %>
+      <.form method="POST" for={@form} action={cookie_path(@socket)}>
+        <input type="hidden" name={@form[:_resource].name} value={@form[:_resource].value} />
+        <input type="hidden" name={@form[:_cookie_redirect_url].name} value={@form[:_cookie_redirect_url].value} />
         <div class="tooltip" data-tip={Backpex.translate("Toggle metrics")}>
           <button
             type="submit"
diff --git a/lib/backpex/html/resource/form_component.html.heex b/lib/backpex/html/resource/form_component.html.heex
index 5663e904..6fbdcc73 100644
--- a/lib/backpex/html/resource/form_component.html.heex
+++ b/lib/backpex/html/resource/form_component.html.heex
@@ -1,7 +1,6 @@
 <div id="form-component">
   <.form
-    :let={form}
-    for={@changeset}
+    for={@form}
     id="resource-form"
     phx-target={@myself}
     phx-change="validate"
@@ -13,16 +12,15 @@
         nil
       end
     }
-    as={:change}
     multipart
   >
     <div>
       <div class="first:pt-3 last:pb-3">
-        <.edit_panel form={form} panel_fields={visible_fields_by_panel(@fields, :default, assigns)} {assigns} />
+        <.edit_panel form={@form} panel_fields={visible_fields_by_panel(@fields, :default, assigns)} {assigns} />
         <.edit_panel
           :for={{name, label} <- @panels}
           :if={visible_fields_by_panel(@fields, name, assigns) != []}
-          form={form}
+          form={@form}
           panel_fields={visible_fields_by_panel(@fields, name, assigns)}
           label={label}
           class="mt-4"
@@ -31,7 +29,7 @@
       </div>
     </div>
     <div class="flex items-center justify-end space-x-4 rounded-b-xl bg-gray-50 px-6 py-3">
-      <div :if={form_errors?(@show_form_errors, @changeset)}>
+      <div :if={form_errors?(@show_form_errors, @form)}>
         <p class="text-sm italic text-red-500">
           <%= Backpex.translate("There are errors in the form.") %>
         </p>
@@ -43,7 +41,7 @@
 
         <button
           type="submit"
-          class={["btn", if(form_errors?(@show_form_errors, @changeset), do: "btn-error", else: "btn-primary")]}
+          class={["btn", if(form_errors?(@show_form_errors, @form), do: "btn-error", else: "btn-primary")]}
           phx-disable-with={@action_to_confirm.module.confirm_label(assigns) <> "..."}
         >
           <%= @action_to_confirm.module.confirm_label(assigns) %>
@@ -56,7 +54,7 @@
         </.link>
         <button
           type="submit"
-          class={["btn", if(form_errors?(@show_form_errors, @changeset), do: "btn-error", else: "btn-primary")]}
+          class={["btn", if(form_errors?(@show_form_errors, @form), do: "btn-error", else: "btn-primary")]}
           phx-disable-with={@save_label <> "..."}
         >
           <%= @save_label %>
diff --git a/lib/backpex/live_components/form_component.ex b/lib/backpex/live_components/form_component.ex
index 3f231a95..a6a8e23d 100644
--- a/lib/backpex/live_components/form_component.ex
+++ b/lib/backpex/live_components/form_component.ex
@@ -19,6 +19,7 @@ defmodule Backpex.FormComponent do
       |> assign(assigns)
       |> assign_new(:action_type, fn -> nil end)
       |> update_assigns()
+      |> assign_form()
 
     {:ok, socket}
   end
@@ -76,6 +77,13 @@ defmodule Backpex.FormComponent do
     |> assign(:fields, resource_action.module.fields())
   end
 
+  defp assign_form(socket) do
+    changeset = socket.assigns.changeset
+    form = Phoenix.Component.to_form(changeset, as: :change)
+
+    assign(socket, :form, form)
+  end
+
   def handle_event(
         "validate",
         %{"change" => change, "_target" => target},
@@ -87,7 +95,12 @@ defmodule Backpex.FormComponent do
       Ecto.Changeset.change(assigns.item_action_types)
       |> validate_change(assigns.changeset_function, change, assigns, target)
 
-    socket = assign(socket, changeset: changeset)
+    form = Phoenix.Component.to_form(changeset, as: :change)
+
+    socket =
+      socket
+      |> assign(:form, form)
+      |> assign(:changeset, changeset)
 
     {:noreply, socket}
   end
@@ -103,8 +116,12 @@ defmodule Backpex.FormComponent do
       |> put_assocs(assocs)
       |> validate_change(changeset_function, change, assigns, target)
 
+    form = Phoenix.Component.to_form(changeset, as: :change)
+
     send(self(), {:update_changeset, changeset})
 
+    socket = assign(socket, :form, form)
+
     {:noreply, socket}
   end
 
@@ -150,10 +167,15 @@ defmodule Backpex.FormComponent do
       Ecto.Changeset.change(assigns.item_action_types)
       |> validate_change(assigns.changeset_function, change, assigns, nil)
 
-    socket = assign(socket, changeset: changeset)
+    form = Phoenix.Component.to_form(changeset, as: :change)
+
+    socket =
+      socket
+      |> assign(:form, form)
+      |> assign(:changeset, changeset)
 
-    case changeset do
-      %{valid?: true} -> save_items(socket, assigns, key, change)
+    case form do
+      %{errors: []} -> save_items(socket, assigns, key, change)
       _changeset -> {:noreply, assign(socket, show_form_errors: true)}
     end
   end
@@ -168,12 +190,17 @@ defmodule Backpex.FormComponent do
       |> put_assocs(assocs)
       |> validate_change(changeset_function, change, assigns, nil)
 
-    socket = assign(socket, changeset: changeset)
+    form = Phoenix.Component.to_form(changeset, as: :change)
+
+    socket =
+      socket
+      |> assign(:form, form)
+      |> assign(:changeset, changeset)
 
     send(self(), {:update_changeset, changeset})
 
-    case changeset do
-      %{valid?: true} -> save_items(socket, assigns, change)
+    case form do
+      %{errors: []} -> save_items(socket, assigns, change)
       _changeset -> {:noreply, assign(socket, show_form_errors: true)}
     end
   end
diff --git a/lib/backpex/live_resource.ex b/lib/backpex/live_resource.ex
index 05df3234..53eca9c4 100644
--- a/lib/backpex/live_resource.ex
+++ b/lib/backpex/live_resource.ex
@@ -1194,11 +1194,7 @@ defmodule Backpex.LiveResource do
       end
 
       @impl Phoenix.LiveView
-      def handle_event(
-            "select-page-size",
-            %{"select_per_page" => %{"per_page" => per_page}},
-            socket
-          ) do
+      def handle_event("select-page-size", %{"select_per_page" => %{"value" => per_page}}, socket) do
         %{assigns: %{query_options: query_options, params: params} = assigns} = socket
 
         per_page = String.to_integer(per_page)
@@ -1218,11 +1214,7 @@ defmodule Backpex.LiveResource do
       end
 
       @impl Phoenix.LiveView
-      def handle_event(
-            "index-search",
-            %{"index_search" => %{"search_input" => search_input}},
-            socket
-          ) do
+      def handle_event("index-search", %{"index_search" => %{"value" => search_input}}, socket) do
         %{assigns: %{query_options: query_options, params: params} = assigns} = socket
 
         to =