Главная » HTML5 » Форма » Заготовка для формы
24 0  

Заготовка для формы

Чистая заготовка для формы с разными элементами FORM, INPUT, TEXTAREA, SELECT, OPTION и BUTTON

<form>
  <fieldset>
    <legend>Контактная информация</legend>
		<div>
			<label for="name">Имя <em>*</em></label>
			<input type="text" id="name">
		</div>
		<div>
			<label for="email">E-mail</label>
			<input type="email" id="email">
		</div>
		<div>
			<label for="tel">Ваш телефон</label>
			<input type="tel" id="telefon">
		</div>
  </fieldset>
   <div><!-- переключатель выбор только одного значения  -->	
	<s><input checked type="radio" name="cvet" value="red"> Красный</s>
	<s><input type="radio" name="cvet" value="darck"> Черный</s>
  </div>
  <div><!-- флажки множественный выбор  -->	
	<s><input checked type="checkbox" name="vibor1" value="yes"> Название 1</s>
	<s><input type="checkbox" name="vibor2" value="yes"> Название 2</s>
	<s><input type="checkbox" name="vibor3" value="yes"> Название 3</s>
  </div>
  <div>
	<input type="file" name="foto"> <!-- Загрузка картинки  -->	
  </div>
  <div>
	<textarea name="text"></textarea> <!-- поле для текста  -->	
  </div>
  <div>
	<select name="vidos"> <!-- Выпадающий список  -->
		<option valu="vid1">Значение 1</option>
		<option valu="vid2">Значение 2</option>
		<option valu="vid3">Значение 3</option>
	</select>
  </div>
  <button type="submit" value="Отправить"></button>
</form>


Для новичков очень хороший урок по форме:

Оставить свой комментарий:

Опыт в веб разработке:

2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
1979
2019