1462 lines
114 KiB
HTML
1462 lines
114 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en"><head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<meta name="robots" content="index, follow" />
|
||
<link rel="icon shortcut" href="/go-form/favicon.ico" sizes="32x32" />
|
||
<link rel="icon" href="/go-form/favicon.svg" type="image/svg+xml" />
|
||
<link rel="icon" href="/go-form/favicon-dark.svg" type="image/svg+xml" media="(prefers-color-scheme: dark)" />
|
||
<link rel="icon" href="/go-form/favicon-16x16.png" type="image/png" sizes="16x16" />
|
||
<link rel="icon" href="/go-form/favicon-32x32.png" type="image/png" sizes="32x32" />
|
||
<link rel="apple-touch-icon" href="/go-form/apple-touch-icon.png" sizes="180x180" />
|
||
<link fetchpriority="low" href="/go-form/site.webmanifest" rel="manifest" />
|
||
<title>Fields – deblan/go-form</title>
|
||
<meta name="description" content="A field represents a field in a form.
|
||
Checkbox func NewFieldCheckbox(name string) *Field field := form.NewFieldCheckbox("Foo") Test me Run Try it yourself ↗ Share ↗ Generates an input[type=checkbox]" /><link rel="canonical" href="https://deblan.gitnet.page/go-form/docs/fields/" itemprop="url" />
|
||
|
||
<meta property="og:title" content="Fields" />
|
||
<meta property="og:description" content="Creating and processing HTML forms in golang" />
|
||
<meta property="og:type" content="website" />
|
||
<meta property="og:url" content="https://deblan.gitnet.page/go-form/docs/fields/" />
|
||
|
||
<meta itemprop="name" content="Fields">
|
||
<meta itemprop="description" content="A field represents a field in a form.
|
||
Checkbox func NewFieldCheckbox(name string) *Field field := form.NewFieldCheckbox("Foo") Test me Run Try it yourself ↗ Share ↗ Generates an input[type=checkbox]">
|
||
<meta itemprop="wordCount" content="666">
|
||
<meta name="twitter:card" content="summary">
|
||
<meta name="twitter:title" content="Fields">
|
||
<meta name="twitter:description" content="A field represents a field in a form.
|
||
Checkbox func NewFieldCheckbox(name string) *Field field := form.NewFieldCheckbox("Foo") Test me Run Try it yourself ↗ Share ↗ Generates an input[type=checkbox]">
|
||
|
||
<link rel="preload" href="/go-form/css/compiled/main.min.e0bb0f28123bf084d555fc9253c6d2aa1443b2dfcde6044741a207eabdc3ddb8.css" as="style" integrity="sha256-4LsPKBI78ITVVfySU8bSqhRDst/N5gRHQaIH6r3D3bg=" />
|
||
<link href="/go-form/css/compiled/main.min.e0bb0f28123bf084d555fc9253c6d2aa1443b2dfcde6044741a207eabdc3ddb8.css" rel="stylesheet" integrity="sha256-4LsPKBI78ITVVfySU8bSqhRDst/N5gRHQaIH6r3D3bg=" />
|
||
|
||
|
||
|
||
<link href="/go-form/css/custom.min.d779624fbc0af7e93dee6a38751bb9429da3f34e195b19542b6b5309ecf3a1e3.css" rel="stylesheet" integrity="sha256-13liT7wK9+k97mo4dRu5Qp2j804ZWxlUK2tTCezzoeM=" />
|
||
|
||
|
||
<script>
|
||
|
||
const defaultTheme = 'system';
|
||
|
||
const setDarkTheme = () => {
|
||
document.documentElement.classList.add("dark");
|
||
document.documentElement.style.colorScheme = "dark";
|
||
}
|
||
const setLightTheme = () => {
|
||
document.documentElement.classList.remove("dark");
|
||
document.documentElement.style.colorScheme = "light";
|
||
}
|
||
|
||
if ("color-theme" in localStorage) {
|
||
localStorage.getItem("color-theme") === "dark" ? setDarkTheme() : setLightTheme();
|
||
} else {
|
||
defaultTheme === "dark" ? setDarkTheme() : setLightTheme();
|
||
if (defaultTheme === "system") {
|
||
window.matchMedia("(prefers-color-scheme: dark)").matches ? setDarkTheme() : setLightTheme();
|
||
}
|
||
}
|
||
</script>
|
||
|
||
|
||
</head>
|
||
<body dir="ltr"><div class="nav-container hx-sticky hx-top-0 hx-z-20 hx-w-full hx-bg-transparent print:hx-hidden">
|
||
<div class="nav-container-blur hx-pointer-events-none hx-absolute hx-z-[-1] hx-h-full hx-w-full hx-bg-white dark:hx-bg-dark hx-shadow-[0_2px_4px_rgba(0,0,0,.02),0_1px_0_rgba(0,0,0,.06)] contrast-more:hx-shadow-[0_0_0_1px_#000] dark:hx-shadow-[0_-1px_0_rgba(255,255,255,.1)_inset] contrast-more:dark:hx-shadow-[0_0_0_1px_#fff]"></div>
|
||
|
||
<nav class="hx-mx-auto hx-flex hx-items-center hx-justify-end hx-gap-2 hx-h-16 hx-px-6 max-w-full">
|
||
<a class="hx-flex hx-items-center hover:hx-opacity-75 ltr:hx-mr-auto rtl:hx-ml-auto" href="/go-form/">
|
||
<img class="hx-mr-2 hx-block dark:hx-hidden" src="/go-form/images/logo.svg" alt="deblan/go-form" height="20" width="20" />
|
||
<img class="hx-mr-2 hx-hidden dark:hx-block" src="/go-form/images/logo-dark.svg" alt="deblan/go-form" height="20" width="20" />
|
||
<span class="hx-mr-2 hx-font-extrabold hx-inline hx-select-none" title="deblan/go-form">deblan/go-form</span>
|
||
</a><a
|
||
title="Documentation"
|
||
href="/go-form/docs"
|
||
|
||
class="hx-text-sm contrast-more:hx-text-gray-700 contrast-more:dark:hx-text-gray-100 hx-relative -hx-ml-2 hx-hidden hx-whitespace-nowrap hx-p-2 md:hx-inline-block hx-font-medium"
|
||
>
|
||
<span class="hx-text-center">Documentation</span>
|
||
</a><div class="search-wrapper hx-relative md:hx-w-64">
|
||
<div class="hx-relative hx-flex hx-items-center hx-text-gray-900 contrast-more:hx-text-gray-800 dark:hx-text-gray-300 contrast-more:dark:hx-text-gray-300">
|
||
<input
|
||
placeholder="Search..."
|
||
class="search-input hx-block hx-w-full hx-appearance-none hx-rounded-lg hx-px-3 hx-py-2 hx-transition-colors hx-text-base hx-leading-tight md:hx-text-sm hx-bg-black/[.05] dark:hx-bg-gray-50/10 focus:hx-bg-white dark:focus:hx-bg-dark placeholder:hx-text-gray-500 dark:placeholder:hx-text-gray-400 contrast-more:hx-border contrast-more:hx-border-current"
|
||
type="search"
|
||
value=""
|
||
spellcheck="false"
|
||
/>
|
||
<kbd
|
||
class="hx-absolute hx-my-1.5 hx-select-none ltr:hx-right-1.5 rtl:hx-left-1.5 hx-h-5 hx-rounded hx-bg-white hx-px-1.5 hx-font-mono hx-text-[10px] hx-font-medium hx-text-gray-500 hx-border dark:hx-border-gray-100/20 dark:hx-bg-dark/50 contrast-more:hx-border-current contrast-more:hx-text-current contrast-more:dark:hx-border-current hx-items-center hx-gap-1 hx-transition-opacity hx-pointer-events-none hx-hidden sm:hx-flex"
|
||
>
|
||
CTRL K
|
||
</kbd>
|
||
</div>
|
||
|
||
<div>
|
||
<ul
|
||
class="search-results hextra-scrollbar hx-hidden hx-border hx-border-gray-200 hx-bg-white hx-text-gray-100 dark:hx-border-neutral-800 dark:hx-bg-neutral-900 hx-absolute hx-top-full hx-z-20 hx-mt-2 hx-overflow-auto hx-overscroll-contain hx-rounded-xl hx-py-2.5 hx-shadow-xl hx-max-h-[min(calc(50vh-11rem-env(safe-area-inset-bottom)),400px)] md:hx-max-h-[min(calc(100vh-5rem-env(safe-area-inset-bottom)),400px)] hx-inset-x-0 ltr:md:hx-left-auto rtl:md:hx-right-auto contrast-more:hx-border contrast-more:hx-border-gray-900 contrast-more:dark:hx-border-gray-50 hx-w-screen hx-min-h-[100px] hx-max-w-[min(calc(100vw-2rem),calc(100%+20rem))]"
|
||
style="transition: max-height 0.2s ease 0s;"
|
||
></ul>
|
||
</div>
|
||
</div>
|
||
|
||
<a class="hx-p-2 hx-text-current" target="_blank" rel="noreferrer" href="https://gitnet.fr/deblan/go-form" title="GitHub"><svg height=24 fill="currentColor" viewBox="3 3 18 18">
|
||
<path d="M12 3C7.0275 3 3 7.12937 3 12.2276C3 16.3109 5.57625 19.7597 9.15374 20.9824C9.60374 21.0631 9.77249 20.7863 9.77249 20.5441C9.77249 20.3249 9.76125 19.5982 9.76125 18.8254C7.5 19.2522 6.915 18.2602 6.735 17.7412C6.63375 17.4759 6.19499 16.6569 5.8125 16.4378C5.4975 16.2647 5.0475 15.838 5.80124 15.8264C6.51 15.8149 7.01625 16.4954 7.18499 16.7723C7.99499 18.1679 9.28875 17.7758 9.80625 17.5335C9.885 16.9337 10.1212 16.53 10.38 16.2993C8.3775 16.0687 6.285 15.2728 6.285 11.7432C6.285 10.7397 6.63375 9.9092 7.20749 9.26326C7.1175 9.03257 6.8025 8.08674 7.2975 6.81794C7.2975 6.81794 8.05125 6.57571 9.77249 7.76377C10.4925 7.55615 11.2575 7.45234 12.0225 7.45234C12.7875 7.45234 13.5525 7.55615 14.2725 7.76377C15.9937 6.56418 16.7475 6.81794 16.7475 6.81794C17.2424 8.08674 16.9275 9.03257 16.8375 9.26326C17.4113 9.9092 17.76 10.7281 17.76 11.7432C17.76 15.2843 15.6563 16.0687 13.6537 16.2993C13.98 16.5877 14.2613 17.1414 14.2613 18.0065C14.2613 19.2407 14.25 20.2326 14.25 20.5441C14.25 20.7863 14.4188 21.0746 14.8688 20.9824C16.6554 20.364 18.2079 19.1866 19.3078 17.6162C20.4077 16.0457 20.9995 14.1611 21 12.2276C21 7.12937 16.9725 3 12 3Z"></path>
|
||
</svg>
|
||
<span class="hx-sr-only">GitHub</span>
|
||
</a><button type="button" aria-label="Menu" class="hamburger-menu -hx-mr-2 hx-rounded hx-p-2 active:hx-bg-gray-400/20 md:hx-hidden"><svg height=24 fill="none" viewBox="0 0 24 24" stroke="currentColor"><g><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8H20"></path></g><g><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16H20"></path></g></svg></button>
|
||
</nav>
|
||
</div>
|
||
|
||
<div class='hx-mx-auto hx-flex max-w-full'>
|
||
<div class="mobile-menu-overlay [transition:background-color_1.5s_ease] hx-fixed hx-inset-0 hx-z-10 hx-bg-black/80 dark:hx-bg-black/60 hx-hidden"></div>
|
||
<aside class="sidebar-container hx-flex hx-flex-col print:hx-hidden md:hx-top-16 md:hx-shrink-0 md:hx-w-64 md:hx-self-start max-md:[transform:translate3d(0,-100%,0)] md:hx-sticky">
|
||
|
||
<div class="hx-px-4 hx-pt-4 md:hx-hidden">
|
||
<div class="search-wrapper hx-relative md:hx-w-64">
|
||
<div class="hx-relative hx-flex hx-items-center hx-text-gray-900 contrast-more:hx-text-gray-800 dark:hx-text-gray-300 contrast-more:dark:hx-text-gray-300">
|
||
<input
|
||
placeholder="Search..."
|
||
class="search-input hx-block hx-w-full hx-appearance-none hx-rounded-lg hx-px-3 hx-py-2 hx-transition-colors hx-text-base hx-leading-tight md:hx-text-sm hx-bg-black/[.05] dark:hx-bg-gray-50/10 focus:hx-bg-white dark:focus:hx-bg-dark placeholder:hx-text-gray-500 dark:placeholder:hx-text-gray-400 contrast-more:hx-border contrast-more:hx-border-current"
|
||
type="search"
|
||
value=""
|
||
spellcheck="false"
|
||
/>
|
||
<kbd
|
||
class="hx-absolute hx-my-1.5 hx-select-none ltr:hx-right-1.5 rtl:hx-left-1.5 hx-h-5 hx-rounded hx-bg-white hx-px-1.5 hx-font-mono hx-text-[10px] hx-font-medium hx-text-gray-500 hx-border dark:hx-border-gray-100/20 dark:hx-bg-dark/50 contrast-more:hx-border-current contrast-more:hx-text-current contrast-more:dark:hx-border-current hx-items-center hx-gap-1 hx-transition-opacity hx-pointer-events-none hx-hidden sm:hx-flex"
|
||
>
|
||
CTRL K
|
||
</kbd>
|
||
</div>
|
||
|
||
<div>
|
||
<ul
|
||
class="search-results hextra-scrollbar hx-hidden hx-border hx-border-gray-200 hx-bg-white hx-text-gray-100 dark:hx-border-neutral-800 dark:hx-bg-neutral-900 hx-absolute hx-top-full hx-z-20 hx-mt-2 hx-overflow-auto hx-overscroll-contain hx-rounded-xl hx-py-2.5 hx-shadow-xl hx-max-h-[min(calc(50vh-11rem-env(safe-area-inset-bottom)),400px)] md:hx-max-h-[min(calc(100vh-5rem-env(safe-area-inset-bottom)),400px)] hx-inset-x-0 ltr:md:hx-left-auto rtl:md:hx-right-auto contrast-more:hx-border contrast-more:hx-border-gray-900 contrast-more:dark:hx-border-gray-50 hx-w-screen hx-min-h-[100px] hx-max-w-[min(calc(100vw-2rem),calc(100%+20rem))]"
|
||
style="transition: max-height 0.2s ease 0s;"
|
||
></ul>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="hextra-scrollbar hx-overflow-y-auto hx-overflow-x-hidden hx-p-4 hx-grow md:hx-h-[calc(100vh-var(--navbar-height)-var(--menu-height))]">
|
||
<ul class="hx-flex hx-flex-col hx-gap-1 md:hx-hidden">
|
||
|
||
|
||
<li class="open"><a
|
||
class="hx-flex hx-items-center hx-justify-between hx-gap-2 hx-cursor-pointer hx-rounded hx-px-2 hx-py-1.5 hx-text-sm hx-transition-colors [-webkit-tap-highlight-color:transparent] [-webkit-touch-callout:none] [word-break:break-word]
|
||
hx-text-gray-500 hover:hx-bg-gray-100 hover:hx-text-gray-900 contrast-more:hx-border contrast-more:hx-border-transparent contrast-more:hx-text-gray-900 contrast-more:hover:hx-border-gray-900 dark:hx-text-neutral-400 dark:hover:hx-bg-primary-100/5 dark:hover:hx-text-gray-50 contrast-more:dark:hx-text-gray-50 contrast-more:dark:hover:hx-border-gray-50"
|
||
href="/go-form/docs/"
|
||
|
||
>Documentation
|
||
<span class="hextra-sidebar-collapsible-button"><svg fill="none" viewBox="0 0 24 24" stroke="currentColor" class="hx-h-[18px] hx-min-w-[18px] hx-rounded-sm hx-p-0.5 hover:hx-bg-gray-800/5 dark:hover:hx-bg-gray-100/5"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" class="hx-origin-center hx-transition-transform rtl:-hx-rotate-180"></path></svg></span>
|
||
</a><div class="ltr:hx-pr-0 hx-overflow-hidden">
|
||
<ul class='hx-relative hx-flex hx-flex-col hx-gap-1 before:hx-absolute before:hx-inset-y-1 before:hx-w-px before:hx-bg-gray-200 before:hx-content-[""] ltr:hx-ml-3 ltr:hx-pl-3 ltr:before:hx-left-0 rtl:hx-mr-3 rtl:hx-pr-3 rtl:before:hx-right-0 dark:before:hx-bg-neutral-800'><li class="hx-flex hx-flex-col "><a
|
||
class="hx-flex hx-items-center hx-justify-between hx-gap-2 hx-cursor-pointer hx-rounded hx-px-2 hx-py-1.5 hx-text-sm hx-transition-colors [-webkit-tap-highlight-color:transparent] [-webkit-touch-callout:none] [word-break:break-word]
|
||
hx-text-gray-500 hover:hx-bg-gray-100 hover:hx-text-gray-900 contrast-more:hx-border contrast-more:hx-border-transparent contrast-more:hx-text-gray-900 contrast-more:hover:hx-border-gray-900 dark:hx-text-neutral-400 dark:hover:hx-bg-primary-100/5 dark:hover:hx-text-gray-50 contrast-more:dark:hx-text-gray-50 contrast-more:dark:hover:hx-border-gray-50"
|
||
href="/go-form/docs/installation/"
|
||
|
||
>Installation
|
||
</a>
|
||
|
||
</li><li class="hx-flex hx-flex-col "><a
|
||
class="hx-flex hx-items-center hx-justify-between hx-gap-2 hx-cursor-pointer hx-rounded hx-px-2 hx-py-1.5 hx-text-sm hx-transition-colors [-webkit-tap-highlight-color:transparent] [-webkit-touch-callout:none] [word-break:break-word]
|
||
hx-text-gray-500 hover:hx-bg-gray-100 hover:hx-text-gray-900 contrast-more:hx-border contrast-more:hx-border-transparent contrast-more:hx-text-gray-900 contrast-more:hover:hx-border-gray-900 dark:hx-text-neutral-400 dark:hover:hx-bg-primary-100/5 dark:hover:hx-text-gray-50 contrast-more:dark:hx-text-gray-50 contrast-more:dark:hover:hx-border-gray-50"
|
||
href="/go-form/docs/workflow/"
|
||
|
||
>Workflow
|
||
</a>
|
||
|
||
</li><li class="hx-flex hx-flex-col "><a
|
||
class="hx-flex hx-items-center hx-justify-between hx-gap-2 hx-cursor-pointer hx-rounded hx-px-2 hx-py-1.5 hx-text-sm hx-transition-colors [-webkit-tap-highlight-color:transparent] [-webkit-touch-callout:none] [word-break:break-word]
|
||
hx-text-gray-500 hover:hx-bg-gray-100 hover:hx-text-gray-900 contrast-more:hx-border contrast-more:hx-border-transparent contrast-more:hx-text-gray-900 contrast-more:hover:hx-border-gray-900 dark:hx-text-neutral-400 dark:hover:hx-bg-primary-100/5 dark:hover:hx-text-gray-50 contrast-more:dark:hx-text-gray-50 contrast-more:dark:hover:hx-border-gray-50"
|
||
href="/go-form/docs/form/"
|
||
|
||
>Form
|
||
</a>
|
||
|
||
</li><li class="hx-flex hx-flex-col open"><a
|
||
class="hx-flex hx-items-center hx-justify-between hx-gap-2 hx-cursor-pointer hx-rounded hx-px-2 hx-py-1.5 hx-text-sm hx-transition-colors [-webkit-tap-highlight-color:transparent] [-webkit-touch-callout:none] [word-break:break-word]
|
||
sidebar-active-item hx-bg-primary-100 hx-font-semibold hx-text-primary-800 contrast-more:hx-border contrast-more:hx-border-primary-500 dark:hx-bg-primary-400/10 dark:hx-text-primary-600 contrast-more:dark:hx-border-primary-500"
|
||
href="/go-form/docs/fields/"
|
||
|
||
>Fields
|
||
</a>
|
||
|
||
<ul class='hx-flex hx-flex-col hx-gap-1 hx-relative before:hx-absolute before:hx-inset-y-1 before:hx-w-px before:hx-bg-gray-200 before:hx-content-[""] dark:before:hx-bg-neutral-800 ltr:hx-pl-3 ltr:before:hx-left-0 rtl:hx-pr-3 rtl:before:hx-right-0 ltr:hx-ml-3 rtl:hx-mr-3'><li>
|
||
<a
|
||
href="#"
|
||
class="hx-flex hx-rounded hx-px-2 hx-py-1.5 hx-text-sm hx-transition-colors [word-break:break-word] hx-cursor-pointer [-webkit-tap-highlight-color:transparent] [-webkit-touch-callout:none] contrast-more:hx-border hx-gap-2 before:hx-opacity-25 before:hx-content-['#'] hx-text-gray-500 hover:hx-bg-gray-100 hover:hx-text-gray-900 dark:hx-text-neutral-400 dark:hover:hx-bg-primary-100/5 dark:hover:hx-text-gray-50 contrast-more:hx-text-gray-900 contrast-more:dark:hx-text-gray-50 contrast-more:hx-border-transparent contrast-more:hover:hx-border-gray-900 contrast-more:dark:hover:hx-border-gray-50"
|
||
></a>
|
||
</li>
|
||
<li>
|
||
<a
|
||
href="#methods"
|
||
class="hx-flex hx-rounded hx-px-2 hx-py-1.5 hx-text-sm hx-transition-colors [word-break:break-word] hx-cursor-pointer [-webkit-tap-highlight-color:transparent] [-webkit-touch-callout:none] contrast-more:hx-border hx-gap-2 before:hx-opacity-25 before:hx-content-['#'] hx-text-gray-500 hover:hx-bg-gray-100 hover:hx-text-gray-900 dark:hx-text-neutral-400 dark:hover:hx-bg-primary-100/5 dark:hover:hx-text-gray-50 contrast-more:hx-text-gray-900 contrast-more:dark:hx-text-gray-50 contrast-more:hx-border-transparent contrast-more:hover:hx-border-gray-900 contrast-more:dark:hover:hx-border-gray-50"
|
||
>Methods</a>
|
||
</li>
|
||
</ul>
|
||
|
||
|
||
</li><li class="hx-flex hx-flex-col "><a
|
||
class="hx-flex hx-items-center hx-justify-between hx-gap-2 hx-cursor-pointer hx-rounded hx-px-2 hx-py-1.5 hx-text-sm hx-transition-colors [-webkit-tap-highlight-color:transparent] [-webkit-touch-callout:none] [word-break:break-word]
|
||
hx-text-gray-500 hover:hx-bg-gray-100 hover:hx-text-gray-900 contrast-more:hx-border contrast-more:hx-border-transparent contrast-more:hx-text-gray-900 contrast-more:hover:hx-border-gray-900 dark:hx-text-neutral-400 dark:hover:hx-bg-primary-100/5 dark:hover:hx-text-gray-50 contrast-more:dark:hx-text-gray-50 contrast-more:dark:hover:hx-border-gray-50"
|
||
href="/go-form/docs/constraints/"
|
||
|
||
>Constraints
|
||
</a>
|
||
|
||
</li><li class="hx-flex hx-flex-col "><a
|
||
class="hx-flex hx-items-center hx-justify-between hx-gap-2 hx-cursor-pointer hx-rounded hx-px-2 hx-py-1.5 hx-text-sm hx-transition-colors [-webkit-tap-highlight-color:transparent] [-webkit-touch-callout:none] [word-break:break-word]
|
||
hx-text-gray-500 hover:hx-bg-gray-100 hover:hx-text-gray-900 contrast-more:hx-border contrast-more:hx-border-transparent contrast-more:hx-text-gray-900 contrast-more:hover:hx-border-gray-900 dark:hx-text-neutral-400 dark:hover:hx-bg-primary-100/5 dark:hover:hx-text-gray-50 contrast-more:dark:hx-text-gray-50 contrast-more:dark:hover:hx-border-gray-50"
|
||
href="/go-form/docs/rendering/"
|
||
|
||
>Rendering
|
||
<span class="hextra-sidebar-collapsible-button"><svg fill="none" viewBox="0 0 24 24" stroke="currentColor" class="hx-h-[18px] hx-min-w-[18px] hx-rounded-sm hx-p-0.5 hover:hx-bg-gray-800/5 dark:hover:hx-bg-gray-100/5"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" class="hx-origin-center hx-transition-transform rtl:-hx-rotate-180"></path></svg></span>
|
||
</a>
|
||
<div class="ltr:hx-pr-0 hx-overflow-hidden">
|
||
<ul class='hx-relative hx-flex hx-flex-col hx-gap-1 before:hx-absolute before:hx-inset-y-1 before:hx-w-px before:hx-bg-gray-200 before:hx-content-[""] ltr:hx-ml-3 ltr:hx-pl-3 ltr:before:hx-left-0 rtl:hx-mr-3 rtl:hx-pr-3 rtl:before:hx-right-0 dark:before:hx-bg-neutral-800'><li class="hx-flex hx-flex-col "><a
|
||
class="hx-flex hx-items-center hx-justify-between hx-gap-2 hx-cursor-pointer hx-rounded hx-px-2 hx-py-1.5 hx-text-sm hx-transition-colors [-webkit-tap-highlight-color:transparent] [-webkit-touch-callout:none] [word-break:break-word]
|
||
hx-text-gray-500 hover:hx-bg-gray-100 hover:hx-text-gray-900 contrast-more:hx-border contrast-more:hx-border-transparent contrast-more:hx-text-gray-900 contrast-more:hover:hx-border-gray-900 dark:hx-text-neutral-400 dark:hover:hx-bg-primary-100/5 dark:hover:hx-text-gray-50 contrast-more:dark:hx-text-gray-50 contrast-more:dark:hover:hx-border-gray-50"
|
||
href="/go-form/docs/rendering/theming/"
|
||
|
||
>Theming
|
||
</a>
|
||
|
||
</li></ul>
|
||
</div>
|
||
</li></ul>
|
||
</div></li>
|
||
</ul>
|
||
|
||
<ul class="hx-flex hx-flex-col hx-gap-1 max-md:hx-hidden">
|
||
|
||
<li class=""><a
|
||
class="hx-flex hx-items-center hx-justify-between hx-gap-2 hx-cursor-pointer hx-rounded hx-px-2 hx-py-1.5 hx-text-sm hx-transition-colors [-webkit-tap-highlight-color:transparent] [-webkit-touch-callout:none] [word-break:break-word]
|
||
hx-text-gray-500 hover:hx-bg-gray-100 hover:hx-text-gray-900 contrast-more:hx-border contrast-more:hx-border-transparent contrast-more:hx-text-gray-900 contrast-more:hover:hx-border-gray-900 dark:hx-text-neutral-400 dark:hover:hx-bg-primary-100/5 dark:hover:hx-text-gray-50 contrast-more:dark:hx-text-gray-50 contrast-more:dark:hover:hx-border-gray-50"
|
||
href="/go-form/docs/installation/"
|
||
|
||
>Installation
|
||
</a></li>
|
||
<li class=""><a
|
||
class="hx-flex hx-items-center hx-justify-between hx-gap-2 hx-cursor-pointer hx-rounded hx-px-2 hx-py-1.5 hx-text-sm hx-transition-colors [-webkit-tap-highlight-color:transparent] [-webkit-touch-callout:none] [word-break:break-word]
|
||
hx-text-gray-500 hover:hx-bg-gray-100 hover:hx-text-gray-900 contrast-more:hx-border contrast-more:hx-border-transparent contrast-more:hx-text-gray-900 contrast-more:hover:hx-border-gray-900 dark:hx-text-neutral-400 dark:hover:hx-bg-primary-100/5 dark:hover:hx-text-gray-50 contrast-more:dark:hx-text-gray-50 contrast-more:dark:hover:hx-border-gray-50"
|
||
href="/go-form/docs/workflow/"
|
||
|
||
>Workflow
|
||
</a></li>
|
||
<li class=""><a
|
||
class="hx-flex hx-items-center hx-justify-between hx-gap-2 hx-cursor-pointer hx-rounded hx-px-2 hx-py-1.5 hx-text-sm hx-transition-colors [-webkit-tap-highlight-color:transparent] [-webkit-touch-callout:none] [word-break:break-word]
|
||
hx-text-gray-500 hover:hx-bg-gray-100 hover:hx-text-gray-900 contrast-more:hx-border contrast-more:hx-border-transparent contrast-more:hx-text-gray-900 contrast-more:hover:hx-border-gray-900 dark:hx-text-neutral-400 dark:hover:hx-bg-primary-100/5 dark:hover:hx-text-gray-50 contrast-more:dark:hx-text-gray-50 contrast-more:dark:hover:hx-border-gray-50"
|
||
href="/go-form/docs/form/"
|
||
|
||
>Form
|
||
</a></li>
|
||
<li class="open"><a
|
||
class="hx-flex hx-items-center hx-justify-between hx-gap-2 hx-cursor-pointer hx-rounded hx-px-2 hx-py-1.5 hx-text-sm hx-transition-colors [-webkit-tap-highlight-color:transparent] [-webkit-touch-callout:none] [word-break:break-word]
|
||
sidebar-active-item hx-bg-primary-100 hx-font-semibold hx-text-primary-800 contrast-more:hx-border contrast-more:hx-border-primary-500 dark:hx-bg-primary-400/10 dark:hx-text-primary-600 contrast-more:dark:hx-border-primary-500"
|
||
href="/go-form/docs/fields/"
|
||
|
||
>Fields
|
||
</a></li>
|
||
<li class=""><a
|
||
class="hx-flex hx-items-center hx-justify-between hx-gap-2 hx-cursor-pointer hx-rounded hx-px-2 hx-py-1.5 hx-text-sm hx-transition-colors [-webkit-tap-highlight-color:transparent] [-webkit-touch-callout:none] [word-break:break-word]
|
||
hx-text-gray-500 hover:hx-bg-gray-100 hover:hx-text-gray-900 contrast-more:hx-border contrast-more:hx-border-transparent contrast-more:hx-text-gray-900 contrast-more:hover:hx-border-gray-900 dark:hx-text-neutral-400 dark:hover:hx-bg-primary-100/5 dark:hover:hx-text-gray-50 contrast-more:dark:hx-text-gray-50 contrast-more:dark:hover:hx-border-gray-50"
|
||
href="/go-form/docs/constraints/"
|
||
|
||
>Constraints
|
||
</a></li>
|
||
<li class=""><a
|
||
class="hx-flex hx-items-center hx-justify-between hx-gap-2 hx-cursor-pointer hx-rounded hx-px-2 hx-py-1.5 hx-text-sm hx-transition-colors [-webkit-tap-highlight-color:transparent] [-webkit-touch-callout:none] [word-break:break-word]
|
||
hx-text-gray-500 hover:hx-bg-gray-100 hover:hx-text-gray-900 contrast-more:hx-border contrast-more:hx-border-transparent contrast-more:hx-text-gray-900 contrast-more:hover:hx-border-gray-900 dark:hx-text-neutral-400 dark:hover:hx-bg-primary-100/5 dark:hover:hx-text-gray-50 contrast-more:dark:hx-text-gray-50 contrast-more:dark:hover:hx-border-gray-50"
|
||
href="/go-form/docs/rendering/"
|
||
|
||
>Rendering
|
||
<span class="hextra-sidebar-collapsible-button"><svg fill="none" viewBox="0 0 24 24" stroke="currentColor" class="hx-h-[18px] hx-min-w-[18px] hx-rounded-sm hx-p-0.5 hover:hx-bg-gray-800/5 dark:hover:hx-bg-gray-100/5"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" class="hx-origin-center hx-transition-transform rtl:-hx-rotate-180"></path></svg></span>
|
||
</a><div class="ltr:hx-pr-0 hx-overflow-hidden">
|
||
<ul class='hx-relative hx-flex hx-flex-col hx-gap-1 before:hx-absolute before:hx-inset-y-1 before:hx-w-px before:hx-bg-gray-200 before:hx-content-[""] ltr:hx-ml-3 ltr:hx-pl-3 ltr:before:hx-left-0 rtl:hx-mr-3 rtl:hx-pr-3 rtl:before:hx-right-0 dark:before:hx-bg-neutral-800'><li class="hx-flex hx-flex-col "><a
|
||
class="hx-flex hx-items-center hx-justify-between hx-gap-2 hx-cursor-pointer hx-rounded hx-px-2 hx-py-1.5 hx-text-sm hx-transition-colors [-webkit-tap-highlight-color:transparent] [-webkit-touch-callout:none] [word-break:break-word]
|
||
hx-text-gray-500 hover:hx-bg-gray-100 hover:hx-text-gray-900 contrast-more:hx-border contrast-more:hx-border-transparent contrast-more:hx-text-gray-900 contrast-more:hover:hx-border-gray-900 dark:hx-text-neutral-400 dark:hover:hx-bg-primary-100/5 dark:hover:hx-text-gray-50 contrast-more:dark:hx-text-gray-50 contrast-more:dark:hover:hx-border-gray-50"
|
||
href="/go-form/docs/rendering/theming/"
|
||
|
||
>Theming
|
||
</a>
|
||
|
||
</li></ul>
|
||
</div></li>
|
||
|
||
</ul>
|
||
</div>
|
||
|
||
|
||
<div class=" hx-sticky hx-bottom-0 hx-bg-white dark:hx-bg-dark hx-mx-4 hx-py-4 hx-shadow-[0_-12px_16px_#fff] hx-flex hx-items-center hx-gap-2 dark:hx-border-neutral-800 dark:hx-shadow-[0_-12px_16px_#111] contrast-more:hx-border-neutral-400 contrast-more:hx-shadow-none contrast-more:dark:hx-shadow-none hx-border-t" data-toggle-animation="show"><div class="hx-flex hx-grow hx-flex-col"><button
|
||
title="Change theme"
|
||
data-theme="light"
|
||
class="theme-toggle hx-group hx-h-7 hx-rounded-md hx-px-2 hx-text-left hx-text-xs hx-font-medium hx-text-gray-600 hx-transition-colors dark:hx-text-gray-400 hover:hx-bg-gray-100 hover:hx-text-gray-900 dark:hover:hx-bg-primary-100/5 dark:hover:hx-text-gray-50"
|
||
type="button"
|
||
aria-label="Change theme"
|
||
>
|
||
<div class="hx-flex hx-items-center hx-gap-2 hx-capitalize"><svg height=12 class="group-data-[theme=light]:hx-hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"/></svg><span class="group-data-[theme=light]:hx-hidden">Light</span><svg height=12 class="group-data-[theme=dark]:hx-hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"/></svg><span class="group-data-[theme=dark]:hx-hidden">Dark</span></div>
|
||
</button>
|
||
</div></div></aside>
|
||
|
||
<nav class="hextra-toc hx-order-last hx-hidden hx-w-64 hx-shrink-0 xl:hx-block print:hx-hidden hx-px-4" aria-label="table of contents">
|
||
<div class="hextra-scrollbar hx-sticky hx-top-16 hx-overflow-y-auto hx-pr-4 hx-pt-6 hx-text-sm [hyphens:auto] hx-max-h-[calc(100vh-var(--navbar-height)-env(safe-area-inset-bottom))] ltr:hx--mr-4 rtl:hx--ml-4"><p class="hx-mb-4 hx-font-semibold hx-tracking-tight">On this page</p><ul>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="ltr:hx-pl-4 rtl:hx-pr-4 hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#checkbox">Checkbox
|
||
</a>
|
||
</li>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="ltr:hx-pl-4 rtl:hx-pr-4 hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#choice">Choice
|
||
</a>
|
||
</li>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="ltr:hx-pl-4 rtl:hx-pr-4 hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#csrf">Csrf
|
||
</a>
|
||
</li>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="ltr:hx-pl-4 rtl:hx-pr-4 hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#date">Date
|
||
</a>
|
||
</li>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="ltr:hx-pl-4 rtl:hx-pr-4 hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#datetime">Datetime
|
||
</a>
|
||
</li>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="ltr:hx-pl-4 rtl:hx-pr-4 hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#datetimelocal">DatetimeLocal
|
||
</a>
|
||
</li>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="ltr:hx-pl-4 rtl:hx-pr-4 hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#hidden">Hidden
|
||
</a>
|
||
</li>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="ltr:hx-pl-4 rtl:hx-pr-4 hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#mail">Mail
|
||
</a>
|
||
</li>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="ltr:hx-pl-4 rtl:hx-pr-4 hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#number">Number
|
||
</a>
|
||
</li>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="ltr:hx-pl-4 rtl:hx-pr-4 hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#password">Password
|
||
</a>
|
||
</li>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="ltr:hx-pl-4 rtl:hx-pr-4 hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#range">Range
|
||
</a>
|
||
</li>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="ltr:hx-pl-4 rtl:hx-pr-4 hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#sub-form">Sub Form
|
||
</a>
|
||
</li>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="ltr:hx-pl-4 rtl:hx-pr-4 hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#text">Text
|
||
</a>
|
||
</li>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="ltr:hx-pl-4 rtl:hx-pr-4 hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#textarea">Textarea
|
||
</a>
|
||
</li>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="ltr:hx-pl-4 rtl:hx-pr-4 hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#time">Time
|
||
</a>
|
||
</li>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="ltr:hx-pl-4 rtl:hx-pr-4 hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#submit">Submit
|
||
</a>
|
||
</li>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="hx-font-semibold hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#methods">Methods
|
||
</a>
|
||
</li>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="ltr:hx-pl-4 rtl:hx-pr-4 hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#add">Add
|
||
</a>
|
||
</li>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="ltr:hx-pl-4 rtl:hx-pr-4 hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#bind">Bind
|
||
</a>
|
||
</li>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="ltr:hx-pl-4 rtl:hx-pr-4 hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#getchild">GetChild
|
||
</a>
|
||
</li>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="ltr:hx-pl-4 rtl:hx-pr-4 hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#getid">GetId
|
||
</a>
|
||
</li>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="ltr:hx-pl-4 rtl:hx-pr-4 hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#getname">GetName
|
||
</a>
|
||
</li>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="ltr:hx-pl-4 rtl:hx-pr-4 hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#getoption">GetOption
|
||
</a>
|
||
</li>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="ltr:hx-pl-4 rtl:hx-pr-4 hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#haschild">HasChild
|
||
</a>
|
||
</li>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="ltr:hx-pl-4 rtl:hx-pr-4 hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#hasoption">HasOption
|
||
</a>
|
||
</li>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="ltr:hx-pl-4 rtl:hx-pr-4 hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#mount">Mount
|
||
</a>
|
||
</li>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="ltr:hx-pl-4 rtl:hx-pr-4 hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#reseterrors">ResetErrors
|
||
</a>
|
||
</li>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="ltr:hx-pl-4 rtl:hx-pr-4 hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#withbeforebind">WithBeforeBind
|
||
</a>
|
||
</li>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="ltr:hx-pl-4 rtl:hx-pr-4 hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#withbeforemount">WithBeforeMount
|
||
</a>
|
||
</li>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="ltr:hx-pl-4 rtl:hx-pr-4 hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#withconstraints">WithConstraints
|
||
</a>
|
||
</li>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="ltr:hx-pl-4 rtl:hx-pr-4 hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#withdata">WithData
|
||
</a>
|
||
</li>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="ltr:hx-pl-4 rtl:hx-pr-4 hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#withfixedname">WithFixedName
|
||
</a>
|
||
</li>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="ltr:hx-pl-4 rtl:hx-pr-4 hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#withoptions">WithOptions
|
||
</a>
|
||
</li>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="ltr:hx-pl-8 rtl:hx-pr-8 hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#common-options">Common options
|
||
</a>
|
||
</li>
|
||
<li class="hx-my-2 hx-scroll-my-6 hx-scroll-py-6">
|
||
<a class="ltr:hx-pl-4 rtl:hx-pr-4 hx-inline-block hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-300 contrast-more:hx-text-gray-900 contrast-more:hx-underline contrast-more:dark:hx-text-gray-50 hx-w-full hx-break-words" href="#withslice">WithSlice
|
||
</a>
|
||
</li></ul>
|
||
<div class="hx-mt-8 hx-border-t hx-bg-white hx-pt-8 hx-shadow-[0_-12px_16px_white] dark:hx-bg-dark dark:hx-shadow-[0_-12px_16px_#111] hx-sticky hx-bottom-0 hx-flex hx-flex-col hx-items-start hx-gap-2 hx-pb-8 dark:hx-border-neutral-800 contrast-more:hx-border-t contrast-more:hx-border-neutral-400 contrast-more:hx-shadow-none contrast-more:dark:hx-border-neutral-400">
|
||
<button aria-hidden="true" id="backToTop" onClick="scrollUp();" class="hx-transition-all hx-duration-75 hx-opacity-0 hx-text-xs hx-font-medium hx-text-gray-500 hover:hx-text-gray-900 dark:hx-text-gray-400 dark:hover:hx-text-gray-100 contrast-more:hx-text-gray-800 contrast-more:dark:hx-text-gray-50">
|
||
<span>Scroll to top</span>
|
||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="hx-inline ltr:hx-ml-1 rtl:hx-mr-1 hx-h-3.5 hx-w-3.5 hx-border hx-rounded-full hx-border-gray-500 hover:hx-border-gray-900 dark:hx-border-gray-400 dark:hover:hx-border-gray-100 contrast-more:hx-border-gray-800 contrast-more:dark:hx-border-gray-50">
|
||
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 15.75l7.5-7.5 7.5 7.5" />
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
|
||
<article class="hx-w-full hx-break-words hx-flex hx-min-h-[calc(100vh-var(--navbar-height))] hx-min-w-0 hx-justify-center hx-pb-8 hx-pr-[calc(env(safe-area-inset-right)-1.5rem)]">
|
||
<main class="hx-w-full hx-min-w-0 hx-max-w-6xl hx-px-6 hx-pt-4 md:hx-px-12">
|
||
|
||
<div class="hx-mt-1.5 hx-flex hx-items-center hx-gap-1 hx-overflow-hidden hx-text-sm hx-text-gray-500 dark:hx-text-gray-400 contrast-more:hx-text-current">
|
||
<div class="hx-whitespace-nowrap hx-transition-colors hx-min-w-[24px] hx-overflow-hidden hx-text-ellipsis hover:hx-text-gray-900 dark:hover:hx-text-gray-100">
|
||
<a href="/go-form/docs/">Documentation</a>
|
||
</div><svg class="hx-w-3.5 hx-shrink-0 rtl:-hx-rotate-180" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/></svg><div class="hx-whitespace-nowrap hx-transition-colors hx-font-medium hx-text-gray-700 contrast-more:hx-font-bold contrast-more:hx-text-current dark:hx-text-gray-100 contrast-more:dark:hx-text-current">Fields</div>
|
||
</div>
|
||
|
||
<div class="content">
|
||
<h1>Fields</h1>
|
||
<p>A field represents a field in a form.</p>
|
||
<h3>Checkbox<span class="hx-absolute -hx-mt-20" id="checkbox"></span>
|
||
<a href="#checkbox" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
|
||
|
||
<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-golang" data-lang="golang"><span class="line"><span class="cl"><span class="kd">func</span> <span class="nf">NewFieldCheckbox</span><span class="p">(</span><span class="nx">name</span> <span class="kt">string</span><span class="p">)</span> <span class="o">*</span><span class="nx">Field</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
|
||
<button
|
||
class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
|
||
title="Copy code"
|
||
>
|
||
<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<pre class="hidden">field := form.NewFieldCheckbox("Foo")</pre>
|
||
<details>
|
||
<summary class="hugo-goplay-summary">Test me</summary>
|
||
<textarea class="hugo-goplay-textarea" id="textarea-dda1433750e79fcd8af6d9402f63b78a"></textarea>
|
||
<div id="dda1433750e79fcd8af6d9402f63b78a" class="hugo-goplay-result"></div>
|
||
<div class="hugo-goplay-toolbox">
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-dda1433750e79fcd8af6d9402f63b78a-run">
|
||
Run
|
||
</button>
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-dda1433750e79fcd8af6d9402f63b78a-try">
|
||
Try it yourself ↗
|
||
</button>
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-dda1433750e79fcd8af6d9402f63b78a-share">
|
||
Share ↗
|
||
</button>
|
||
</div>
|
||
</details>
|
||
<script type="module">
|
||
import { GoPlayProxy } from "https://unpkg.com/@ggicci/goplay/dist/index.js";
|
||
|
||
createFieldPlayground(
|
||
new GoPlayProxy("https://gp.deblan.gitnet.page"),
|
||
"dda1433750e79fcd8af6d9402f63b78a",
|
||
"\n\u003cpre class=\u0022hidden\u0022\u003efield := form.NewFieldCheckbox(\u0022Foo\u0022)\u003c\/pre\u003e\n"
|
||
)
|
||
</script>
|
||
<p>Generates an input[type=checkbox]</p>
|
||
<h3>Choice<span class="hx-absolute -hx-mt-20" id="choice"></span>
|
||
<a href="#choice" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
|
||
|
||
<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-golang" data-lang="golang"><span class="line"><span class="cl"><span class="kd">func</span> <span class="nf">NewFieldChoice</span><span class="p">(</span><span class="nx">name</span> <span class="kt">string</span><span class="p">)</span> <span class="o">*</span><span class="nx">Field</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
|
||
<button
|
||
class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
|
||
title="Copy code"
|
||
>
|
||
<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<pre class="hidden">
|
||
field := form.NewFieldChoice("Foo")
|
||
</pre>
|
||
<details>
|
||
<summary class="hugo-goplay-summary">Test me</summary>
|
||
<textarea class="hugo-goplay-textarea" id="textarea-6144f656768fd78a4a5e505d2882fd01"></textarea>
|
||
<div id="6144f656768fd78a4a5e505d2882fd01" class="hugo-goplay-result"></div>
|
||
<div class="hugo-goplay-toolbox">
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-6144f656768fd78a4a5e505d2882fd01-run">
|
||
Run
|
||
</button>
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-6144f656768fd78a4a5e505d2882fd01-try">
|
||
Try it yourself ↗
|
||
</button>
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-6144f656768fd78a4a5e505d2882fd01-share">
|
||
Share ↗
|
||
</button>
|
||
</div>
|
||
</details>
|
||
<script type="module">
|
||
import { GoPlayProxy } from "https://unpkg.com/@ggicci/goplay/dist/index.js";
|
||
|
||
createFieldPlayground(
|
||
new GoPlayProxy("https://gp.deblan.gitnet.page"),
|
||
"6144f656768fd78a4a5e505d2882fd01",
|
||
"\n\u003cpre class=\u0022hidden\u0022\u003e\nfield := form.NewFieldChoice(\u0022Foo\u0022)\n\u003c\/pre\u003e\n"
|
||
)
|
||
</script>
|
||
<p>Generates inputs (checkbox or radio) or selects</p>
|
||
<h3>Csrf<span class="hx-absolute -hx-mt-20" id="csrf"></span>
|
||
<a href="#csrf" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
|
||
|
||
<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-golang" data-lang="golang"><span class="line"><span class="cl"><span class="kd">func</span> <span class="nf">NewFieldCsrf</span><span class="p">(</span><span class="nx">name</span> <span class="kt">string</span><span class="p">)</span> <span class="o">*</span><span class="nx">Field</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
|
||
<button
|
||
class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
|
||
title="Copy code"
|
||
>
|
||
<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<pre class="hidden">
|
||
field := form.NewFieldCsrf("Foo")
|
||
</pre>
|
||
<details>
|
||
<summary class="hugo-goplay-summary">Test me</summary>
|
||
<textarea class="hugo-goplay-textarea" id="textarea-2244850816348a135e01f7a2614d6b7a"></textarea>
|
||
<div id="2244850816348a135e01f7a2614d6b7a" class="hugo-goplay-result"></div>
|
||
<div class="hugo-goplay-toolbox">
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-2244850816348a135e01f7a2614d6b7a-run">
|
||
Run
|
||
</button>
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-2244850816348a135e01f7a2614d6b7a-try">
|
||
Try it yourself ↗
|
||
</button>
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-2244850816348a135e01f7a2614d6b7a-share">
|
||
Share ↗
|
||
</button>
|
||
</div>
|
||
</details>
|
||
<script type="module">
|
||
import { GoPlayProxy } from "https://unpkg.com/@ggicci/goplay/dist/index.js";
|
||
|
||
createFieldPlayground(
|
||
new GoPlayProxy("https://gp.deblan.gitnet.page"),
|
||
"2244850816348a135e01f7a2614d6b7a",
|
||
"\n\u003cpre class=\u0022hidden\u0022\u003e\nfield := form.NewFieldCsrf(\u0022Foo\u0022)\n\u003c\/pre\u003e\n"
|
||
)
|
||
</script>
|
||
<h3>Date<span class="hx-absolute -hx-mt-20" id="date"></span>
|
||
<a href="#date" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
|
||
|
||
<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-golang" data-lang="golang"><span class="line"><span class="cl"><span class="kd">func</span> <span class="nf">NewFieldDate</span><span class="p">(</span><span class="nx">name</span> <span class="kt">string</span><span class="p">)</span> <span class="o">*</span><span class="nx">Field</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
|
||
<button
|
||
class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
|
||
title="Copy code"
|
||
>
|
||
<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<pre class="hidden">
|
||
field := form.NewFieldDate("Foo")
|
||
</pre>
|
||
<details>
|
||
<summary class="hugo-goplay-summary">Test me</summary>
|
||
<textarea class="hugo-goplay-textarea" id="textarea-935fc6bceff1f302c9779b9599385bbb"></textarea>
|
||
<div id="935fc6bceff1f302c9779b9599385bbb" class="hugo-goplay-result"></div>
|
||
<div class="hugo-goplay-toolbox">
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-935fc6bceff1f302c9779b9599385bbb-run">
|
||
Run
|
||
</button>
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-935fc6bceff1f302c9779b9599385bbb-try">
|
||
Try it yourself ↗
|
||
</button>
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-935fc6bceff1f302c9779b9599385bbb-share">
|
||
Share ↗
|
||
</button>
|
||
</div>
|
||
</details>
|
||
<script type="module">
|
||
import { GoPlayProxy } from "https://unpkg.com/@ggicci/goplay/dist/index.js";
|
||
|
||
createFieldPlayground(
|
||
new GoPlayProxy("https://gp.deblan.gitnet.page"),
|
||
"935fc6bceff1f302c9779b9599385bbb",
|
||
"\n\u003cpre class=\u0022hidden\u0022\u003e\nfield := form.NewFieldDate(\u0022Foo\u0022)\n\u003c\/pre\u003e\n"
|
||
)
|
||
</script>
|
||
<p>Generates an input[type=date] with default transformers</p>
|
||
<h3>Datetime<span class="hx-absolute -hx-mt-20" id="datetime"></span>
|
||
<a href="#datetime" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
|
||
|
||
<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-golang" data-lang="golang"><span class="line"><span class="cl"><span class="kd">func</span> <span class="nf">NewFieldDatetime</span><span class="p">(</span><span class="nx">name</span> <span class="kt">string</span><span class="p">)</span> <span class="o">*</span><span class="nx">Field</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
|
||
<button
|
||
class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
|
||
title="Copy code"
|
||
>
|
||
<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<pre class="hidden">
|
||
field := form.NewFieldDatetime("Foo")
|
||
</pre>
|
||
<details>
|
||
<summary class="hugo-goplay-summary">Test me</summary>
|
||
<textarea class="hugo-goplay-textarea" id="textarea-9fb3f0c4bb791901934b85c72bf36b20"></textarea>
|
||
<div id="9fb3f0c4bb791901934b85c72bf36b20" class="hugo-goplay-result"></div>
|
||
<div class="hugo-goplay-toolbox">
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-9fb3f0c4bb791901934b85c72bf36b20-run">
|
||
Run
|
||
</button>
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-9fb3f0c4bb791901934b85c72bf36b20-try">
|
||
Try it yourself ↗
|
||
</button>
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-9fb3f0c4bb791901934b85c72bf36b20-share">
|
||
Share ↗
|
||
</button>
|
||
</div>
|
||
</details>
|
||
<script type="module">
|
||
import { GoPlayProxy } from "https://unpkg.com/@ggicci/goplay/dist/index.js";
|
||
|
||
createFieldPlayground(
|
||
new GoPlayProxy("https://gp.deblan.gitnet.page"),
|
||
"9fb3f0c4bb791901934b85c72bf36b20",
|
||
"\n\u003cpre class=\u0022hidden\u0022\u003e\nfield := form.NewFieldDatetime(\u0022Foo\u0022)\n\u003c\/pre\u003e\n"
|
||
)
|
||
</script>
|
||
<p>Generates an input[type=datetime] with default transformers</p>
|
||
<h3>DatetimeLocal<span class="hx-absolute -hx-mt-20" id="datetimelocal"></span>
|
||
<a href="#datetimelocal" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
|
||
|
||
<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-golang" data-lang="golang"><span class="line"><span class="cl"><span class="kd">func</span> <span class="nf">NewFieldDatetimeLocal</span><span class="p">(</span><span class="nx">name</span> <span class="kt">string</span><span class="p">)</span> <span class="o">*</span><span class="nx">Field</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
|
||
<button
|
||
class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
|
||
title="Copy code"
|
||
>
|
||
<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<pre class="hidden">
|
||
field := form.NewFieldDatetimeLocal("Foo")
|
||
</pre>
|
||
<details>
|
||
<summary class="hugo-goplay-summary">Test me</summary>
|
||
<textarea class="hugo-goplay-textarea" id="textarea-04990076099617cc87c69555e68359e9"></textarea>
|
||
<div id="04990076099617cc87c69555e68359e9" class="hugo-goplay-result"></div>
|
||
<div class="hugo-goplay-toolbox">
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-04990076099617cc87c69555e68359e9-run">
|
||
Run
|
||
</button>
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-04990076099617cc87c69555e68359e9-try">
|
||
Try it yourself ↗
|
||
</button>
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-04990076099617cc87c69555e68359e9-share">
|
||
Share ↗
|
||
</button>
|
||
</div>
|
||
</details>
|
||
<script type="module">
|
||
import { GoPlayProxy } from "https://unpkg.com/@ggicci/goplay/dist/index.js";
|
||
|
||
createFieldPlayground(
|
||
new GoPlayProxy("https://gp.deblan.gitnet.page"),
|
||
"04990076099617cc87c69555e68359e9",
|
||
"\n\u003cpre class=\u0022hidden\u0022\u003e\nfield := form.NewFieldDatetimeLocal(\u0022Foo\u0022)\n\u003c\/pre\u003e\n"
|
||
)
|
||
</script>
|
||
<p>Generates an input[type=datetime-local] with default transformers</p>
|
||
<h3>Hidden<span class="hx-absolute -hx-mt-20" id="hidden"></span>
|
||
<a href="#hidden" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
|
||
|
||
<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-golang" data-lang="golang"><span class="line"><span class="cl"><span class="kd">func</span> <span class="nf">NewFieldHidden</span><span class="p">(</span><span class="nx">name</span> <span class="kt">string</span><span class="p">)</span> <span class="o">*</span><span class="nx">Field</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
|
||
<button
|
||
class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
|
||
title="Copy code"
|
||
>
|
||
<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<pre class="hidden">
|
||
field := form.NewFieldHidden("Foo")
|
||
</pre>
|
||
<details>
|
||
<summary class="hugo-goplay-summary">Test me</summary>
|
||
<textarea class="hugo-goplay-textarea" id="textarea-664e42cbd85848f3052d13b4e3deb0a1"></textarea>
|
||
<div id="664e42cbd85848f3052d13b4e3deb0a1" class="hugo-goplay-result"></div>
|
||
<div class="hugo-goplay-toolbox">
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-664e42cbd85848f3052d13b4e3deb0a1-run">
|
||
Run
|
||
</button>
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-664e42cbd85848f3052d13b4e3deb0a1-try">
|
||
Try it yourself ↗
|
||
</button>
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-664e42cbd85848f3052d13b4e3deb0a1-share">
|
||
Share ↗
|
||
</button>
|
||
</div>
|
||
</details>
|
||
<script type="module">
|
||
import { GoPlayProxy } from "https://unpkg.com/@ggicci/goplay/dist/index.js";
|
||
|
||
createFieldPlayground(
|
||
new GoPlayProxy("https://gp.deblan.gitnet.page"),
|
||
"664e42cbd85848f3052d13b4e3deb0a1",
|
||
"\n\u003cpre class=\u0022hidden\u0022\u003e\nfield := form.NewFieldHidden(\u0022Foo\u0022)\n\u003c\/pre\u003e\n"
|
||
)
|
||
</script>
|
||
<p>Generates an input[type=hidden]</p>
|
||
<h3>Mail<span class="hx-absolute -hx-mt-20" id="mail"></span>
|
||
<a href="#mail" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
|
||
|
||
<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-golang" data-lang="golang"><span class="line"><span class="cl"><span class="kd">func</span> <span class="nf">NewFieldMail</span><span class="p">(</span><span class="nx">name</span> <span class="kt">string</span><span class="p">)</span> <span class="o">*</span><span class="nx">Field</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
|
||
<button
|
||
class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
|
||
title="Copy code"
|
||
>
|
||
<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<pre class="hidden">
|
||
field := form.NewFieldMail("Foo")
|
||
</pre>
|
||
<details>
|
||
<summary class="hugo-goplay-summary">Test me</summary>
|
||
<textarea class="hugo-goplay-textarea" id="textarea-9866b65202e3255a4d6a4eae1007ed01"></textarea>
|
||
<div id="9866b65202e3255a4d6a4eae1007ed01" class="hugo-goplay-result"></div>
|
||
<div class="hugo-goplay-toolbox">
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-9866b65202e3255a4d6a4eae1007ed01-run">
|
||
Run
|
||
</button>
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-9866b65202e3255a4d6a4eae1007ed01-try">
|
||
Try it yourself ↗
|
||
</button>
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-9866b65202e3255a4d6a4eae1007ed01-share">
|
||
Share ↗
|
||
</button>
|
||
</div>
|
||
</details>
|
||
<script type="module">
|
||
import { GoPlayProxy } from "https://unpkg.com/@ggicci/goplay/dist/index.js";
|
||
|
||
createFieldPlayground(
|
||
new GoPlayProxy("https://gp.deblan.gitnet.page"),
|
||
"9866b65202e3255a4d6a4eae1007ed01",
|
||
"\n\u003cpre class=\u0022hidden\u0022\u003e\nfield := form.NewFieldMail(\u0022Foo\u0022)\n\u003c\/pre\u003e\n"
|
||
)
|
||
</script>
|
||
<p>Generates an input[type=email]</p>
|
||
<h3>Number<span class="hx-absolute -hx-mt-20" id="number"></span>
|
||
<a href="#number" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
|
||
|
||
<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-golang" data-lang="golang"><span class="line"><span class="cl"><span class="kd">func</span> <span class="nf">NewFieldNumber</span><span class="p">(</span><span class="nx">name</span> <span class="kt">string</span><span class="p">)</span> <span class="o">*</span><span class="nx">Field</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
|
||
<button
|
||
class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
|
||
title="Copy code"
|
||
>
|
||
<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<pre class="hidden">
|
||
field := form.NewFieldNumber("Foo")
|
||
</pre>
|
||
<details>
|
||
<summary class="hugo-goplay-summary">Test me</summary>
|
||
<textarea class="hugo-goplay-textarea" id="textarea-436199c2da67df1e69eba5375c6293d8"></textarea>
|
||
<div id="436199c2da67df1e69eba5375c6293d8" class="hugo-goplay-result"></div>
|
||
<div class="hugo-goplay-toolbox">
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-436199c2da67df1e69eba5375c6293d8-run">
|
||
Run
|
||
</button>
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-436199c2da67df1e69eba5375c6293d8-try">
|
||
Try it yourself ↗
|
||
</button>
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-436199c2da67df1e69eba5375c6293d8-share">
|
||
Share ↗
|
||
</button>
|
||
</div>
|
||
</details>
|
||
<script type="module">
|
||
import { GoPlayProxy } from "https://unpkg.com/@ggicci/goplay/dist/index.js";
|
||
|
||
createFieldPlayground(
|
||
new GoPlayProxy("https://gp.deblan.gitnet.page"),
|
||
"436199c2da67df1e69eba5375c6293d8",
|
||
"\n\u003cpre class=\u0022hidden\u0022\u003e\nfield := form.NewFieldNumber(\u0022Foo\u0022)\n\u003c\/pre\u003e\n"
|
||
)
|
||
</script>
|
||
<p>Generates an input[type=number] with default transformers</p>
|
||
<h3>Password<span class="hx-absolute -hx-mt-20" id="password"></span>
|
||
<a href="#password" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
|
||
|
||
<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-golang" data-lang="golang"><span class="line"><span class="cl"><span class="kd">func</span> <span class="nf">NewFieldPassword</span><span class="p">(</span><span class="nx">name</span> <span class="kt">string</span><span class="p">)</span> <span class="o">*</span><span class="nx">Field</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
|
||
<button
|
||
class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
|
||
title="Copy code"
|
||
>
|
||
<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<pre class="hidden">
|
||
field := form.NewFieldPassword("Foo")
|
||
</pre>
|
||
<details>
|
||
<summary class="hugo-goplay-summary">Test me</summary>
|
||
<textarea class="hugo-goplay-textarea" id="textarea-ee75f0734e28ad585b933e94090636cd"></textarea>
|
||
<div id="ee75f0734e28ad585b933e94090636cd" class="hugo-goplay-result"></div>
|
||
<div class="hugo-goplay-toolbox">
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-ee75f0734e28ad585b933e94090636cd-run">
|
||
Run
|
||
</button>
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-ee75f0734e28ad585b933e94090636cd-try">
|
||
Try it yourself ↗
|
||
</button>
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-ee75f0734e28ad585b933e94090636cd-share">
|
||
Share ↗
|
||
</button>
|
||
</div>
|
||
</details>
|
||
<script type="module">
|
||
import { GoPlayProxy } from "https://unpkg.com/@ggicci/goplay/dist/index.js";
|
||
|
||
createFieldPlayground(
|
||
new GoPlayProxy("https://gp.deblan.gitnet.page"),
|
||
"ee75f0734e28ad585b933e94090636cd",
|
||
"\n\u003cpre class=\u0022hidden\u0022\u003e\nfield := form.NewFieldPassword(\u0022Foo\u0022)\n\u003c\/pre\u003e\n"
|
||
)
|
||
</script>
|
||
<p>Generates an input[type=password]</p>
|
||
<h3>Range<span class="hx-absolute -hx-mt-20" id="range"></span>
|
||
<a href="#range" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
|
||
|
||
<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-golang" data-lang="golang"><span class="line"><span class="cl"><span class="kd">func</span> <span class="nf">NewFieldRange</span><span class="p">(</span><span class="nx">name</span> <span class="kt">string</span><span class="p">)</span> <span class="o">*</span><span class="nx">Field</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
|
||
<button
|
||
class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
|
||
title="Copy code"
|
||
>
|
||
<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<pre class="hidden">
|
||
field := form.NewFieldRange("Foo")
|
||
</pre>
|
||
<details>
|
||
<summary class="hugo-goplay-summary">Test me</summary>
|
||
<textarea class="hugo-goplay-textarea" id="textarea-cff3e5800c7c6878c0227948f13d6c90"></textarea>
|
||
<div id="cff3e5800c7c6878c0227948f13d6c90" class="hugo-goplay-result"></div>
|
||
<div class="hugo-goplay-toolbox">
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-cff3e5800c7c6878c0227948f13d6c90-run">
|
||
Run
|
||
</button>
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-cff3e5800c7c6878c0227948f13d6c90-try">
|
||
Try it yourself ↗
|
||
</button>
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-cff3e5800c7c6878c0227948f13d6c90-share">
|
||
Share ↗
|
||
</button>
|
||
</div>
|
||
</details>
|
||
<script type="module">
|
||
import { GoPlayProxy } from "https://unpkg.com/@ggicci/goplay/dist/index.js";
|
||
|
||
createFieldPlayground(
|
||
new GoPlayProxy("https://gp.deblan.gitnet.page"),
|
||
"cff3e5800c7c6878c0227948f13d6c90",
|
||
"\n\u003cpre class=\u0022hidden\u0022\u003e\nfield := form.NewFieldRange(\u0022Foo\u0022)\n\u003c\/pre\u003e\n"
|
||
)
|
||
</script>
|
||
<p>Generates an input[type=range]</p>
|
||
<h3>Sub Form<span class="hx-absolute -hx-mt-20" id="sub-form"></span>
|
||
<a href="#sub-form" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
|
||
|
||
<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-golang" data-lang="golang"><span class="line"><span class="cl"><span class="kd">func</span> <span class="nf">NewFieldSubForm</span><span class="p">(</span><span class="nx">name</span> <span class="kt">string</span><span class="p">)</span> <span class="o">*</span><span class="nx">Field</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
|
||
<button
|
||
class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
|
||
title="Copy code"
|
||
>
|
||
<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<pre class="hidden">
|
||
field := form.NewFieldSubForm("Foo")
|
||
</pre>
|
||
<details>
|
||
<summary class="hugo-goplay-summary">Test me</summary>
|
||
<textarea class="hugo-goplay-textarea" id="textarea-e43221847d67c2f22082d83aa0383a1f"></textarea>
|
||
<div id="e43221847d67c2f22082d83aa0383a1f" class="hugo-goplay-result"></div>
|
||
<div class="hugo-goplay-toolbox">
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-e43221847d67c2f22082d83aa0383a1f-run">
|
||
Run
|
||
</button>
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-e43221847d67c2f22082d83aa0383a1f-try">
|
||
Try it yourself ↗
|
||
</button>
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-e43221847d67c2f22082d83aa0383a1f-share">
|
||
Share ↗
|
||
</button>
|
||
</div>
|
||
</details>
|
||
<script type="module">
|
||
import { GoPlayProxy } from "https://unpkg.com/@ggicci/goplay/dist/index.js";
|
||
|
||
createFieldPlayground(
|
||
new GoPlayProxy("https://gp.deblan.gitnet.page"),
|
||
"e43221847d67c2f22082d83aa0383a1f",
|
||
"\n\u003cpre class=\u0022hidden\u0022\u003e\nfield := form.NewFieldSubForm(\u0022Foo\u0022)\n\u003c\/pre\u003e\n"
|
||
)
|
||
</script>
|
||
<p>Alias:</p>
|
||
<div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
|
||
|
||
<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-golang" data-lang="golang"><span class="line"><span class="cl"><span class="kd">func</span> <span class="nf">NewSubForm</span><span class="p">(</span><span class="nx">name</span> <span class="kt">string</span><span class="p">)</span> <span class="o">*</span><span class="nx">Field</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
|
||
<button
|
||
class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
|
||
title="Copy code"
|
||
>
|
||
<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<p>Generates a sub form</p>
|
||
<h3>Text<span class="hx-absolute -hx-mt-20" id="text"></span>
|
||
<a href="#text" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
|
||
|
||
<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-golang" data-lang="golang"><span class="line"><span class="cl"><span class="kd">func</span> <span class="nf">NewFieldText</span><span class="p">(</span><span class="nx">name</span> <span class="kt">string</span><span class="p">)</span> <span class="o">*</span><span class="nx">Field</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
|
||
<button
|
||
class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
|
||
title="Copy code"
|
||
>
|
||
<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<pre class="hidden">
|
||
field := form.NewFieldText("Foo")
|
||
</pre>
|
||
<details>
|
||
<summary class="hugo-goplay-summary">Test me</summary>
|
||
<textarea class="hugo-goplay-textarea" id="textarea-e51e2f61cb6b7e3fe14cebea4536d074"></textarea>
|
||
<div id="e51e2f61cb6b7e3fe14cebea4536d074" class="hugo-goplay-result"></div>
|
||
<div class="hugo-goplay-toolbox">
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-e51e2f61cb6b7e3fe14cebea4536d074-run">
|
||
Run
|
||
</button>
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-e51e2f61cb6b7e3fe14cebea4536d074-try">
|
||
Try it yourself ↗
|
||
</button>
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-e51e2f61cb6b7e3fe14cebea4536d074-share">
|
||
Share ↗
|
||
</button>
|
||
</div>
|
||
</details>
|
||
<script type="module">
|
||
import { GoPlayProxy } from "https://unpkg.com/@ggicci/goplay/dist/index.js";
|
||
|
||
createFieldPlayground(
|
||
new GoPlayProxy("https://gp.deblan.gitnet.page"),
|
||
"e51e2f61cb6b7e3fe14cebea4536d074",
|
||
"\n\u003cpre class=\u0022hidden\u0022\u003e\nfield := form.NewFieldText(\u0022Foo\u0022)\n\u003c\/pre\u003e\n"
|
||
)
|
||
</script>
|
||
<p>Generates an input[type=text]</p>
|
||
<h3>Textarea<span class="hx-absolute -hx-mt-20" id="textarea"></span>
|
||
<a href="#textarea" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
|
||
|
||
<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-golang" data-lang="golang"><span class="line"><span class="cl"><span class="kd">func</span> <span class="nf">NewFieldTextarea</span><span class="p">(</span><span class="nx">name</span> <span class="kt">string</span><span class="p">)</span> <span class="o">*</span><span class="nx">Field</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
|
||
<button
|
||
class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
|
||
title="Copy code"
|
||
>
|
||
<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<pre class="hidden">
|
||
field := form.NewFieldTextarea("Foo")
|
||
</pre>
|
||
<details>
|
||
<summary class="hugo-goplay-summary">Test me</summary>
|
||
<textarea class="hugo-goplay-textarea" id="textarea-792d8a691a0f80923100f18d5b1c40cb"></textarea>
|
||
<div id="792d8a691a0f80923100f18d5b1c40cb" class="hugo-goplay-result"></div>
|
||
<div class="hugo-goplay-toolbox">
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-792d8a691a0f80923100f18d5b1c40cb-run">
|
||
Run
|
||
</button>
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-792d8a691a0f80923100f18d5b1c40cb-try">
|
||
Try it yourself ↗
|
||
</button>
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-792d8a691a0f80923100f18d5b1c40cb-share">
|
||
Share ↗
|
||
</button>
|
||
</div>
|
||
</details>
|
||
<script type="module">
|
||
import { GoPlayProxy } from "https://unpkg.com/@ggicci/goplay/dist/index.js";
|
||
|
||
createFieldPlayground(
|
||
new GoPlayProxy("https://gp.deblan.gitnet.page"),
|
||
"792d8a691a0f80923100f18d5b1c40cb",
|
||
"\n\u003cpre class=\u0022hidden\u0022\u003e\nfield := form.NewFieldTextarea(\u0022Foo\u0022)\n\u003c\/pre\u003e\n"
|
||
)
|
||
</script>
|
||
<p>Generates a textarea</p>
|
||
<h3>Time<span class="hx-absolute -hx-mt-20" id="time"></span>
|
||
<a href="#time" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
|
||
|
||
<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-golang" data-lang="golang"><span class="line"><span class="cl"><span class="kd">func</span> <span class="nf">NewFieldTime</span><span class="p">(</span><span class="nx">name</span> <span class="kt">string</span><span class="p">)</span> <span class="o">*</span><span class="nx">Field</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
|
||
<button
|
||
class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
|
||
title="Copy code"
|
||
>
|
||
<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<pre class="hidden">
|
||
field := form.NewFieldTime("Foo")
|
||
</pre>
|
||
<details>
|
||
<summary class="hugo-goplay-summary">Test me</summary>
|
||
<textarea class="hugo-goplay-textarea" id="textarea-4b314e3e4a4a420318a471b2885b2b60"></textarea>
|
||
<div id="4b314e3e4a4a420318a471b2885b2b60" class="hugo-goplay-result"></div>
|
||
<div class="hugo-goplay-toolbox">
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-4b314e3e4a4a420318a471b2885b2b60-run">
|
||
Run
|
||
</button>
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-4b314e3e4a4a420318a471b2885b2b60-try">
|
||
Try it yourself ↗
|
||
</button>
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-4b314e3e4a4a420318a471b2885b2b60-share">
|
||
Share ↗
|
||
</button>
|
||
</div>
|
||
</details>
|
||
<script type="module">
|
||
import { GoPlayProxy } from "https://unpkg.com/@ggicci/goplay/dist/index.js";
|
||
|
||
createFieldPlayground(
|
||
new GoPlayProxy("https://gp.deblan.gitnet.page"),
|
||
"4b314e3e4a4a420318a471b2885b2b60",
|
||
"\n\u003cpre class=\u0022hidden\u0022\u003e\nfield := form.NewFieldTime(\u0022Foo\u0022)\n\u003c\/pre\u003e\n"
|
||
)
|
||
</script>
|
||
<p>Generates an input[type=time] with default transformers</p>
|
||
<h3>Submit<span class="hx-absolute -hx-mt-20" id="submit"></span>
|
||
<a href="#submit" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
|
||
|
||
<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-golang" data-lang="golang"><span class="line"><span class="cl"><span class="kd">func</span> <span class="nf">NewSubmit</span><span class="p">(</span><span class="nx">name</span> <span class="kt">string</span><span class="p">)</span> <span class="o">*</span><span class="nx">Field</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
|
||
<button
|
||
class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
|
||
title="Copy code"
|
||
>
|
||
<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<pre class="hidden">
|
||
field := form.NewSubmit("Foo")
|
||
</pre>
|
||
<details>
|
||
<summary class="hugo-goplay-summary">Test me</summary>
|
||
<textarea class="hugo-goplay-textarea" id="textarea-ca738af4dfc2bd3ba3eb32bb0e2cdb14"></textarea>
|
||
<div id="ca738af4dfc2bd3ba3eb32bb0e2cdb14" class="hugo-goplay-result"></div>
|
||
<div class="hugo-goplay-toolbox">
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-ca738af4dfc2bd3ba3eb32bb0e2cdb14-run">
|
||
Run
|
||
</button>
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-ca738af4dfc2bd3ba3eb32bb0e2cdb14-try">
|
||
Try it yourself ↗
|
||
</button>
|
||
<button role="button" class="hugo-goplay-button" id="hugo-goplay-tool-ca738af4dfc2bd3ba3eb32bb0e2cdb14-share">
|
||
Share ↗
|
||
</button>
|
||
</div>
|
||
</details>
|
||
<script type="module">
|
||
import { GoPlayProxy } from "https://unpkg.com/@ggicci/goplay/dist/index.js";
|
||
|
||
createFieldPlayground(
|
||
new GoPlayProxy("https://gp.deblan.gitnet.page"),
|
||
"ca738af4dfc2bd3ba3eb32bb0e2cdb14",
|
||
"\n\u003cpre class=\u0022hidden\u0022\u003e\nfield := form.NewSubmit(\u0022Foo\u0022)\n\u003c\/pre\u003e\n"
|
||
)
|
||
</script>
|
||
<p>Generates an input[type=submit]</p>
|
||
<h2>Methods<span class="hx-absolute -hx-mt-20" id="methods"></span>
|
||
<a href="#methods" class="subheading-anchor" aria-label="Permalink for this section"></a></h2><h3>Add<span class="hx-absolute -hx-mt-20" id="add"></span>
|
||
<a href="#add" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
|
||
|
||
<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-golang" data-lang="golang"><span class="line"><span class="cl"><span class="kd">func</span> <span class="p">(</span><span class="nx">f</span> <span class="o">*</span><span class="nx">Field</span><span class="p">)</span> <span class="nf">Add</span><span class="p">(</span><span class="nx">children</span> <span class="o">...*</span><span class="nx">Field</span><span class="p">)</span> <span class="o">*</span><span class="nx">Field</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
|
||
<button
|
||
class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
|
||
title="Copy code"
|
||
>
|
||
<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<p>Appends children</p>
|
||
<h3>Bind<span class="hx-absolute -hx-mt-20" id="bind"></span>
|
||
<a href="#bind" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
|
||
|
||
<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-golang" data-lang="golang"><span class="line"><span class="cl"><span class="kd">func</span> <span class="p">(</span><span class="nx">f</span> <span class="o">*</span><span class="nx">Field</span><span class="p">)</span> <span class="nf">Bind</span><span class="p">(</span><span class="nx">data</span> <span class="kd">map</span><span class="p">[</span><span class="kt">string</span><span class="p">]</span><span class="kt">any</span><span class="p">,</span> <span class="nx">key</span> <span class="o">*</span><span class="kt">string</span><span class="p">)</span> <span class="kt">error</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
|
||
<button
|
||
class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
|
||
title="Copy code"
|
||
>
|
||
<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<p>Bind the data into the given map</p>
|
||
<h3>GetChild<span class="hx-absolute -hx-mt-20" id="getchild"></span>
|
||
<a href="#getchild" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
|
||
|
||
<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-golang" data-lang="golang"><span class="line"><span class="cl"><span class="kd">func</span> <span class="p">(</span><span class="nx">f</span> <span class="o">*</span><span class="nx">Field</span><span class="p">)</span> <span class="nf">GetChild</span><span class="p">(</span><span class="nx">name</span> <span class="kt">string</span><span class="p">)</span> <span class="o">*</span><span class="nx">Field</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
|
||
<button
|
||
class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
|
||
title="Copy code"
|
||
>
|
||
<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<p>Returns a child using its name</p>
|
||
<h3>GetId<span class="hx-absolute -hx-mt-20" id="getid"></span>
|
||
<a href="#getid" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
|
||
|
||
<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-golang" data-lang="golang"><span class="line"><span class="cl"><span class="kd">func</span> <span class="p">(</span><span class="nx">f</span> <span class="o">*</span><span class="nx">Field</span><span class="p">)</span> <span class="nf">GetId</span><span class="p">()</span> <span class="kt">string</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
|
||
<button
|
||
class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
|
||
title="Copy code"
|
||
>
|
||
<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<p>Computes the id of the field</p>
|
||
<h3>GetName<span class="hx-absolute -hx-mt-20" id="getname"></span>
|
||
<a href="#getname" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
|
||
|
||
<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-golang" data-lang="golang"><span class="line"><span class="cl"><span class="kd">func</span> <span class="p">(</span><span class="nx">f</span> <span class="o">*</span><span class="nx">Field</span><span class="p">)</span> <span class="nf">GetName</span><span class="p">()</span> <span class="kt">string</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
|
||
<button
|
||
class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
|
||
title="Copy code"
|
||
>
|
||
<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<p>Computes the name of the field</p>
|
||
<h3>GetOption<span class="hx-absolute -hx-mt-20" id="getoption"></span>
|
||
<a href="#getoption" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
|
||
|
||
<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-golang" data-lang="golang"><span class="line"><span class="cl"><span class="kd">func</span> <span class="p">(</span><span class="nx">f</span> <span class="o">*</span><span class="nx">Field</span><span class="p">)</span> <span class="nf">GetOption</span><span class="p">(</span><span class="nx">name</span> <span class="kt">string</span><span class="p">)</span> <span class="o">*</span><span class="nx">Option</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
|
||
<button
|
||
class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
|
||
title="Copy code"
|
||
>
|
||
<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<p>Returns an option using its name</p>
|
||
<h3>HasChild<span class="hx-absolute -hx-mt-20" id="haschild"></span>
|
||
<a href="#haschild" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
|
||
|
||
<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-golang" data-lang="golang"><span class="line"><span class="cl"><span class="kd">func</span> <span class="p">(</span><span class="nx">f</span> <span class="o">*</span><span class="nx">Field</span><span class="p">)</span> <span class="nf">HasChild</span><span class="p">(</span><span class="nx">name</span> <span class="kt">string</span><span class="p">)</span> <span class="kt">bool</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
|
||
<button
|
||
class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
|
||
title="Copy code"
|
||
>
|
||
<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<p>Checks if the field contains a child using its name</p>
|
||
<h3>HasOption<span class="hx-absolute -hx-mt-20" id="hasoption"></span>
|
||
<a href="#hasoption" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
|
||
|
||
<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-golang" data-lang="golang"><span class="line"><span class="cl"><span class="kd">func</span> <span class="p">(</span><span class="nx">f</span> <span class="o">*</span><span class="nx">Field</span><span class="p">)</span> <span class="nf">HasOption</span><span class="p">(</span><span class="nx">name</span> <span class="kt">string</span><span class="p">)</span> <span class="kt">bool</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
|
||
<button
|
||
class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
|
||
title="Copy code"
|
||
>
|
||
<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<p>Checks if the field contains an option using its name</p>
|
||
<h3>Mount<span class="hx-absolute -hx-mt-20" id="mount"></span>
|
||
<a href="#mount" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
|
||
|
||
<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-golang" data-lang="golang"><span class="line"><span class="cl"><span class="kd">func</span> <span class="p">(</span><span class="nx">f</span> <span class="o">*</span><span class="nx">Field</span><span class="p">)</span> <span class="nf">Mount</span><span class="p">(</span><span class="nx">data</span> <span class="kt">any</span><span class="p">)</span> <span class="kt">error</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
|
||
<button
|
||
class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
|
||
title="Copy code"
|
||
>
|
||
<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<p>Populates the field with data</p>
|
||
<h3>ResetErrors<span class="hx-absolute -hx-mt-20" id="reseterrors"></span>
|
||
<a href="#reseterrors" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
|
||
|
||
<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-golang" data-lang="golang"><span class="line"><span class="cl"><span class="kd">func</span> <span class="p">(</span><span class="nx">f</span> <span class="o">*</span><span class="nx">Field</span><span class="p">)</span> <span class="nf">ResetErrors</span><span class="p">()</span> <span class="o">*</span><span class="nx">Field</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
|
||
<button
|
||
class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
|
||
title="Copy code"
|
||
>
|
||
<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<p>Resets the field errors</p>
|
||
<h3>WithBeforeBind<span class="hx-absolute -hx-mt-20" id="withbeforebind"></span>
|
||
<a href="#withbeforebind" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
|
||
|
||
<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-golang" data-lang="golang"><span class="line"><span class="cl"><span class="kd">func</span> <span class="p">(</span><span class="nx">f</span> <span class="o">*</span><span class="nx">Field</span><span class="p">)</span> <span class="nf">WithBeforeBind</span><span class="p">(</span><span class="nx">callback</span> <span class="kd">func</span><span class="p">(</span><span class="nx">data</span> <span class="kt">any</span><span class="p">)</span> <span class="p">(</span><span class="kt">any</span><span class="p">,</span> <span class="kt">error</span><span class="p">))</span> <span class="o">*</span><span class="nx">Field</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
|
||
<button
|
||
class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
|
||
title="Copy code"
|
||
>
|
||
<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<p>Sets a transformer applied to the data of a field before defining it in a structure</p>
|
||
<h3>WithBeforeMount<span class="hx-absolute -hx-mt-20" id="withbeforemount"></span>
|
||
<a href="#withbeforemount" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
|
||
|
||
<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-golang" data-lang="golang"><span class="line"><span class="cl"><span class="kd">func</span> <span class="p">(</span><span class="nx">f</span> <span class="o">*</span><span class="nx">Field</span><span class="p">)</span> <span class="nf">WithBeforeMount</span><span class="p">(</span><span class="nx">callback</span> <span class="kd">func</span><span class="p">(</span><span class="nx">data</span> <span class="kt">any</span><span class="p">)</span> <span class="p">(</span><span class="kt">any</span><span class="p">,</span> <span class="kt">error</span><span class="p">))</span> <span class="o">*</span><span class="nx">Field</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
|
||
<button
|
||
class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
|
||
title="Copy code"
|
||
>
|
||
<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<p>Sets a transformer applied to the structure data before displaying it in a field</p>
|
||
<h3>WithConstraints<span class="hx-absolute -hx-mt-20" id="withconstraints"></span>
|
||
<a href="#withconstraints" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
|
||
|
||
<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-golang" data-lang="golang"><span class="line"><span class="cl"><span class="kd">func</span> <span class="p">(</span><span class="nx">f</span> <span class="o">*</span><span class="nx">Field</span><span class="p">)</span> <span class="nf">WithConstraints</span><span class="p">(</span><span class="nx">constraints</span> <span class="o">...</span><span class="nx">validation</span><span class="p">.</span><span class="nx">Constraint</span><span class="p">)</span> <span class="o">*</span><span class="nx">Field</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
|
||
<button
|
||
class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
|
||
title="Copy code"
|
||
>
|
||
<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<p>Appends constraints</p>
|
||
<h3>WithData<span class="hx-absolute -hx-mt-20" id="withdata"></span>
|
||
<a href="#withdata" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
|
||
|
||
<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-golang" data-lang="golang"><span class="line"><span class="cl"><span class="kd">func</span> <span class="p">(</span><span class="nx">f</span> <span class="o">*</span><span class="nx">Field</span><span class="p">)</span> <span class="nf">WithData</span><span class="p">(</span><span class="nx">data</span> <span class="kt">any</span><span class="p">)</span> <span class="o">*</span><span class="nx">Field</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
|
||
<button
|
||
class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
|
||
title="Copy code"
|
||
>
|
||
<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<p>Sets data the field</p>
|
||
<h3>WithFixedName<span class="hx-absolute -hx-mt-20" id="withfixedname"></span>
|
||
<a href="#withfixedname" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
|
||
|
||
<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-golang" data-lang="golang"><span class="line"><span class="cl"><span class="kd">func</span> <span class="p">(</span><span class="nx">f</span> <span class="o">*</span><span class="nx">Field</span><span class="p">)</span> <span class="nf">WithFixedName</span><span class="p">()</span> <span class="o">*</span><span class="nx">Field</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
|
||
<button
|
||
class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
|
||
title="Copy code"
|
||
>
|
||
<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<p>Sets that the name of the field is not computed</p>
|
||
<h3>WithOptions<span class="hx-absolute -hx-mt-20" id="withoptions"></span>
|
||
<a href="#withoptions" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
|
||
|
||
<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-golang" data-lang="golang"><span class="line"><span class="cl"><span class="kd">func</span> <span class="p">(</span><span class="nx">f</span> <span class="o">*</span><span class="nx">Field</span><span class="p">)</span> <span class="nf">WithOptions</span><span class="p">(</span><span class="nx">options</span> <span class="o">...*</span><span class="nx">Option</span><span class="p">)</span> <span class="o">*</span><span class="nx">Field</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
|
||
<button
|
||
class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
|
||
title="Copy code"
|
||
>
|
||
<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<h4>Common options<span class="hx-absolute -hx-mt-20" id="common-options"></span>
|
||
<a href="#common-options" class="subheading-anchor" aria-label="Permalink for this section"></a></h4><table>
|
||
<thead>
|
||
<tr>
|
||
<th>Name</th>
|
||
<th>type</th>
|
||
<th>description</th>
|
||
<th>Info</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td><code>required</code></td>
|
||
<td><code>bool</code></td>
|
||
<td>Add <code>required="true"</code></td>
|
||
<td>Does not apply a constraint</td>
|
||
</tr>
|
||
<tr>
|
||
<td><code>attr</code></td>
|
||
<td><code>form.Attrs</code></td>
|
||
<td>List of extra attributes of the field</td>
|
||
<td></td>
|
||
</tr>
|
||
<tr>
|
||
<td><code>row_attr</code></td>
|
||
<td><code>form.Attrs</code></td>
|
||
<td>List of extra attributes of the field’s top container</td>
|
||
<td></td>
|
||
</tr>
|
||
<tr>
|
||
<td><code>label</code></td>
|
||
<td><code>string</code></td>
|
||
<td>The label of the field</td>
|
||
<td>Usually show before the field</td>
|
||
</tr>
|
||
<tr>
|
||
<td><code>label_attr</code></td>
|
||
<td><code>form.Attrs</code></td>
|
||
<td>List of extra attributes of the label</td>
|
||
<td></td>
|
||
</tr>
|
||
<tr>
|
||
<td><code>help</code></td>
|
||
<td><code>string</code></td>
|
||
<td>Helper of the field</td>
|
||
<td></td>
|
||
</tr>
|
||
<tr>
|
||
<td><code>help_attr</code></td>
|
||
<td><code>form.Attrs</code></td>
|
||
<td>List of extra attributes of the help</td>
|
||
<td></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<p>Appends options to the field</p>
|
||
<h3>WithSlice<span class="hx-absolute -hx-mt-20" id="withslice"></span>
|
||
<a href="#withslice" class="subheading-anchor" aria-label="Permalink for this section"></a></h3><div class="hextra-code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
|
||
|
||
<div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-golang" data-lang="golang"><span class="line"><span class="cl"><span class="kd">func</span> <span class="p">(</span><span class="nx">f</span> <span class="o">*</span><span class="nx">Field</span><span class="p">)</span> <span class="nf">WithSlice</span><span class="p">()</span> <span class="o">*</span><span class="nx">Field</span></span></span></code></pre></div></div><div class="hextra-code-copy-btn-container hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 hx-top-0">
|
||
<button
|
||
class="hextra-code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
|
||
title="Copy code"
|
||
>
|
||
<div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
<div class="success-icon hx-hidden group-[.copied]/copybtn:hx-block hx-pointer-events-none hx-h-4 hx-w-4"></div>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<p>Sets that the field represents a data slice</p>
|
||
|
||
</div>
|
||
<div class="hx-mt-16"></div>
|
||
|
||
|
||
</main>
|
||
</article>
|
||
</div>
|
||
|
||
<footer class="hextra-footer hx-bg-gray-100 hx-pb-[env(safe-area-inset-bottom)] dark:hx-bg-neutral-900 print:hx-bg-transparent"><div
|
||
class="hextra-custom-footer hx-max-w-screen-xl hx-pl-[max(env(safe-area-inset-left),1.5rem)] hx-pr-[max(env(safe-area-inset-right),1.5rem)] hx-text-gray-600 dark:hx-text-gray-400"
|
||
><script src="https://deblan.gitnet.page/go-form/js/custom.js"></script>
|
||
</div></footer>
|
||
|
||
<script defer src="/go-form/js/main.min.0942239592f0795dc7213dd1057fd229d7edc19c0ef1a285396eb292d9ca9842.js" integrity="sha256-CUIjlZLweV3HIT3RBX/SKdftwZwO8aKFOW6yktnKmEI="></script>
|
||
<script defer src="/go-form/lib/flexsearch/flexsearch.bundle.min.0425860527cc9968f9f049421c7a56b39327d475e2e3a8f550416be3a9134327.js" integrity="sha256-BCWGBSfMmWj58ElCHHpWs5Mn1HXi46j1UEFr46kTQyc="></script>
|
||
<script defer src="/go-form/en.search.min.fe55059febf424bd0ddfb7f9af8f25d872bed2eae488d8626311a4dcf87bff9b.js" integrity="sha256-/lUFn+v0JL0N37f5r48l2HK+0urkiNhiYxGk3Ph7/5s="></script>
|
||
</body>
|
||
</html>
|