Школа программирования

# Формы

  • Наследование свойств inherit (размер шрифта, стиль шрифта)

# Элементы формы

# Текстовое поле: <input type="text">

<input type="text" name="text">

# Многострочной текстовое поле: <textarea>

<textarea>Текст</textarea>

textarea {
	resize: none;
}

# Выпадающий список: <select>

<select>
	<option selected="">Пункт 1</option>
	<option>Пункт 2</option>
	<option>Пункт 3</option>
</select>

# Связанные переключатели: <input type="radio">

<input type="radio" name="radio">
<input type="radio" name="radio">
<input type="radio" name="radio">

# Галочка: <input type="checkbox">

<input type="checkbox" name="checkbox">

# Метка: <label>

<input type="checkbox" id="checkbox">
<label for="checkbox">Нажми и выберется checkbox</label>

<label class="checkbox">
	<input type="checkbox">
</label>

# Прикрепление файла: <input type="file">

<input type="file">

# Кнопка: <button>

<button>Кнопка</button>

# Атрибуты

placeholder # подсказка для input
checked     # нажатый radio или checkbox
selected    # выбранный option в select
autofocus   # фокус по умолчанию
disabled    # неактивное
readonly    # только чтение

# Форма (get, post)

<form action="script.php" method="get">
    <input type="text" name="name" required="">
    <textarea name="message"></textarea>
    <input type="submit">
</form>

http://test1.ru/script.php?name=myname&message=my+message

← 3.6 Таблицы →