Головна‎ > ‎HTML + CSS‎ > ‎

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


<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>