Input

En/ Ru

Input

Однострочное нативное текстовое поле.

github.com/fastygo/templ/ui

Input рендерит однострочное нативное текстовое поле. Используйте для email, поиска и коротких значений.

По умолчанию

import "github.com/fastygo/templ/ui"

templ Example() {
	@ui.Input(ui.InputProps{
		Name:        "email",
		Placeholder: "name@example.com",
	})
}

Email

import "github.com/fastygo/templ/ui"

templ Example() {
	@ui.Input(ui.InputProps{
		ID:   "demo-email",
		Type: "email",
		Name: "email",
	})
}

Малый размер

import "github.com/fastygo/templ/ui"

templ Example() {
	@ui.Input(ui.InputProps{
		Size:        "sm",
		Name:        "q",
		Placeholder: "Поиск",
	})
}

Неактивное

import "github.com/fastygo/templ/ui"

templ Example() {
	@ui.Input(ui.InputProps{
		Disabled: true,
		Name:     "locked",
		Value:    "Только чтение",
	})
}

API

Type · string — text | email | password | number | search | tel | url

Name · string — Имя поля формы

Placeholder · string — Подсказка в пустом поле

Disabled · bool — Неактивное состояние

Required · bool — Обязательное поле