Елементи форми

<input type="text"  /> 

<button onclick="F1()">Кнопка</button>

 

Поле вводу

<input type="text" name="n1" placeholder="Текст" required/> 

<input type="hidden" id="id1" name="n1" value="+38" size="50" >

size="50" - не працює для полів з цифрами

Радіокнопка 

<input type="radio" name="gender" value="male" checked> Чоловік<br>

<input type="radio" name="gender" value="female"> Жінка<br>

<input type="radio" name="gender" value="other"> Інше

Прапорець

<input type="checkbox" name="bilet" value="send">Відправити мені копію<br>

Випадаючий список

  <select name="shokolad">

    <option value="roshen">Рошен</option>

    <option value="avk" selected>АВК</option>

    <option value="konti">Конті</option>

  </select>

Форма

<form action="script.php" method="post">

     <input type="text" name="text1" placeholder="Ім'я" required/><p>

     <input type="text" name="text1" placeholder="Прізвище" required/><p>

     <input type="submit" value="Відправити">

</form>

Submit-картинка

<input type="image" src="1.png" alt="Submit">

Телефон

<input type="tel" name="phone" pattern="\d{3}">      3 цифри

Дата

<input type="date" name="bdaymonth"> 

Години та хвилини

<input type="time" name="usr_time">

Місяць і рік

<input type="month" name="bdaymonth"> 

Пароль

<input type="password" name="pwd" maxlength="8">

Від 1 до 5

<input type="number" name="quantity" min="1" max="5"> 

Повзунок

<input type="range" name="points" min="0" max="10">

Онулення

<input type="reset" value="Reset">

Пошук

<input type="search" name="sr">

Бгаторядкове поле

<textarea rows="10" cols="45" name="text"></textarea>

Блок з автозаповненням

<datalist id="languages">

 <option value="HTML">

 <option value="CSS">

 <option value="JavaScript"> 

</datalist>

<input type="text" list="languages">

Неактивна

<button onclick="F1()" disabled>Кнопка</button>