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

全部描述在哪一部分？ 元素 HTML 文档.

HTML 元素<form>

HTML 元素 <form> може містити один або кілька таких елементів форми:

• <input>
• <label>
• <select>
• <textarea>
• <button>
• <fieldset>
• <legend>
• <datalist>
• <output>
• <option>
• <optgroup>

问题<input>

表单中最重要的元素是元素 <input>.

Елемент <input> може відображатися декількома способами, в залежності від атрибута type.

所有类型的输入将在下一章中描述。

问题<select>

Елемент <select> визначає 下拉列表 (випадаючий список):

Елемент <option> визначає опцію, яка може бути обрана.

列表中的第一个元素是第一个要完成的元素。

要预先选择参数，请添加属性 selected 选择选项：

可见值：

维科里斯特属性 size для вказування кількості видимих значень:

允许丰富的选择：

维科里斯特属性 multiple, який дозволяє користувачу обрати більше одного значення:

问题<textarea>

Елемент <textarea> визначає багаторядкове поле вводу (текстової області):

Атрибут rows визначає видиму кількість рядків в текстовій області.

Атрибут cols визначає видиму ширину текстової області.

轴是 HTML 代码最有可能在浏览器中显示的方式：

您还可以使用附加 CSS 设置文本区域的大小：

问题<button>

Елемент <button> визначає клікабельну кнопку:

轴是 HTML 代码最有可能在浏览器中显示的方式：

HTML5 主题论坛

HTML5 基础知识要素：

• <datalist>
• <output>

HTML5 元素<datalist>

Елемент <datalist> визначає список попередньо визначених параметрів для елемента <input>.

输入数据时可以显示参数先前值的下拉列表。

Атрибут list елемента <input> повинен посилатися на атрибут id елемента <datalist>.

屁股

<form action="/action_page.html">
  <input list="browsers">
  <datalist id="browsers">
    <option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
  </datalist>
</form>

自己尝试一下»

HTML5 元素<output>

Елемент <output> представляє результат обрахування (наприклад, виконаний скриптом).

屁股

选择布局并在元素中显示结果 <output>:

<form action="/action_page.html"
oninput="x.value=parseInt(a.value)+parseInt(b.value)"&gt;
  0
  <input type="range"  id="a" name="a" value="50">
  100 +
  <input type="number" id="b" name="b" value="50">
  =
  <output name="x" for="a b"></output>
  <br><br>
  <input type="submit">
</form>

自己尝试一下»

HTML 右

HTML 主题模板