HTML+CSS Елементи форми

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