Содержание

Простейшая форма[править]

<!DOCTYPE html>
<html lang="ru">
<title >Простейшая форма</title>
<form method="get" action="http://example.com/">
<p ><label >Произвольный текст:
  <input name="example-text" /></label>
<p ><button >Отправить</button>
</form>
<!DOCTYPE html>
<html lang="ru">
<title >Простейшая форма: поиск</title>
<form method="get" action="https://duckduckgo.com/html/">
<p ><label >Критерии поиска:
  <input name="q" /></label>
<p ><button >Отправить</button>
</form>

Форма с выбором[править]

<!DOCTYPE html>
<html lang="ru">
<title >Форма с выбором</title>
<form method="get" action="http://example.com/">
<fieldset>
<legend >Выбор</legend>
<p ><label ><input type="radio" name="choice" value="alpha" />
  Вариант α</label>
<p ><label ><input type="radio" name="choice" value="beta"  />
  Вариант β</label>
<p ><label ><input type="radio" name="choice" value="gamma" />
  Вариант γ</label>
</fieldset>
<p ><button >Отправить</button>
</form>

Форма с текстом[править]

<!DOCTYPE html>
<html lang="ru">
<title >Форма с текстом</title>
<form method="get" action="http://example.com/">
<p ><label >Произвольный текст:
  <textarea name="example-text" ></textarea></label>
<p ><button >Отправить</button>
</form>

Ссылки[править]