Label
Связывает видимый текст с одним контролом формы.
github.com/fastygo/templ/ui
Label связывает видимый текст с одним контролом формы. Атрибут for задаётся через HTMLFor.
С контролом
import "github.com/fastygo/templ/ui"
templ Example() {
@ui.Label(ui.LabelProps{HTMLFor: "demo-email"}) {
Email
}
}
import "github.com/fastygo/templ/ui"
templ Example() {
@ui.Label(ui.LabelProps{HTMLFor: "demo-email"}) {
Email
}
}
С полем ввода
import "github.com/fastygo/templ/ui"
templ Example() {
@ui.Stack(ui.StackProps{Class: "gap-2"}) {
@ui.Label(ui.LabelProps{HTMLFor: "demo-email"}) {
Email
}
@ui.Input(ui.InputProps{ID: "demo-email", Type: "email", Name: "email"})
}
}
import "github.com/fastygo/templ/ui"
templ Example() {
@ui.Stack(ui.StackProps{Class: "gap-2"}) {
@ui.Label(ui.LabelProps{HTMLFor: "demo-email"}) {
Email
}
@ui.Input(ui.InputProps{ID: "demo-email", Type: "email", Name: "email"})
}
}
API
HTMLFor · string — ID связанного контрола (атрибут for)
Class · string — Дополнительные utility-классы
Attrs · templ.Attributes — Дополнительные HTML-атрибуты