# data[].attributes.body
Thẻ tạo form dùng để thu thập dữ liệu người dùng nhập trên website.
Cú pháp:

<form method="get/post" action="URL">
...
</form>

Trong đó:

method là phương thức truyền dữ liệu: post hoặc get.

URL là địa chỉ của trang sẽ xử lý dữ liệu nhập.

# data[].attributes.attachment_link.readable_text
An HTML form is used to collect user input. The user input is most often sent to a server for processing.

The <form> Element

The HTML <form> element is used to create an HTML form for user input:

The <form> element is a container for different types of input elements, such as: text fields, checkboxes, radio buttons, submit buttons, etc.

All the different form elements are covered in this chapter: HTML Form Elements.

The <input> Element

The HTML <input> element is the most used form element.

An <input> element can be displayed in many ways, depending on the type attribute.

Here are some examples:

<input type="text">

Displays a single-line text input field

<input type="radio">

Displays a radio button (for selecting one of many choices)

<input type="checkbox">

Displays a checkbox (for selecting zero or more of many choices)

<input type="submit">

Displays a submit button (for submitting the form)

<input type="button">

Displays a clickable button

All the different input types are covered in this chapter: HTML Input Types.

Text Fields

The <input type="text"> defines a single-line input field for text input.

Example

A form with input fields for text:

Try it Yourself "

This is how the HTML code above will be displayed in a browser:

Note: The form itself is not visible. Also note that the default width of an input field is 20 characters.

The <label> Element

Notice the use of the <label> element in the example above.

The <label> tag defines a label for many form elements.

The <label> element is useful for screen-reader users, because the screen-reader will read out loud the label when the user focuses on the input element.

The <label> element also helps users who have difficulty clicking on very small regions (such as radio buttons or checkboxes) - because when the user clicks the text within the<label> element, it toggles the radio button/checkbox.

The for attribute of the <label> tag should be equal to the id attribute of the <input> element to bind them together.

Radio Buttons

The <input type="radio"> defines a radio button.

Radio buttons let a user select ONE of a limited number of choices.

Example

A form with radio buttons:

<p>Choose your favorite Web language:</p>

Try it Yourself "

This is how the HTML code above will be displayed in a browser:

Choose your favorite Web language:

Checkboxes

Checkboxes let a user select ZERO or MORE options of a limited number of choices.

Example

A form with checkboxes:

Try it Yourself "

This is how the HTML code above will be displayed in a browser:

The Submit Button

The <input type="submit"> defines a button for submitting the form data to a form-handler.

The form-handler is typically a file on the server with a script for processing input data.

The form-handler is specified in the form's action attribute.

Example

A form with a submit button:

Try it Yourself "

This is how the HTML code above will be displayed in a browser:

The Name Attribute for <input>

Notice that each input field must have a name attribute to be submitted.

If the name attribute is omitted, the value of the input field will not be sent at all.

Example

This example will not submit the value of the "First name" input field:

Try it Yourself "

HTML Exercises

# data[].attributes.attachment_link.description
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

# data[].attributes.body
Thẻ tạo một đối tượng nhập dữ liệu trong đó type_name sẽ chỉ ra kiểu của đối tượng nhập.

# data[].attributes.body
Thẻ tạo ra hộp nhập văn bản (dạng ngắn trên một dòng).
Ví dụ:

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

# data[].attributes.body
Thẻ tạo ra một ô cho phép người dùng chọn, cho phép người dùng chọn nhiều lựa chọn. Sử dụng cho các câu hỏi sở thích các môn thể thao ....
Ví dụ:
<lable>Bạn có thể dùng những hệ điều hành nào?</lable>
<input type = "checkbox" value="IOS">
<input type = "checkbox" value="Windows">
<input type = "checkbox" value="Linux">
Hinh

# data[].attributes.body
Thẻ tạo ra một ô cho phép người dùng lựa chọn, chỉ được chọn 1 trong nhiều lựa chọn. Sử dụng các câu hỏi, lựa chọn có tính đúng sai,...
Ví dụ:
<label> Giới thính:</labele>
<input type="radio" value = "Nam">
<input type="radio" value = "Nữ">

Hinh

# data[].attributes.body
Thẻ hiển thị ra một button để thao tác gửi một biểu mẫu( Đây là một element không thể thiếu trong html form
Ví dụ:
<input type="submit" value="Gửi">

HINH

# data[].attributes.body
- Thuộc tính value
Thẻ tạo ra để nhập văn bản(textbox)(Dạng ngắn trên một dòng) nhưng đi kèm với thuộc tình "value" khi tạo ra form nhập văn bản trên textbox có giá trị được ghi mặc định là giá trị của thuộc tính value.
- Khi sử dụng thuộc tính "readonly" văn bản trong textbox chỉ có thể "đọc" nhưng có thể copy, bôi đen.... Giá trị khi gửi mẫu giá trị mặc định sẽ được gửi.
- Khi sủ dụng thuộc tính "disable" thẻ chỉ đọc không thể tương tác.
- Link tham khảo và tìm hiểu các thuộc tính: https://www.w3schools.com/html/html_form_attributes.asp

# data[].attributes.headline
Các phần tử có thể sử dụng nằm trong HTML

# data[].attributes.subject
Các phần tử có thể sử dụng nằm trong HTML

# data[].attributes.body
<input> - trường chứa các dữ liệu đầu vào

<label>

<select>

<textarea> Thẻ textare tạo ra một hộp nhập dữ liệu dạng text có nhiều dòng

<button>

<fieldset>

<legend>

<datalist>

<output>

<option>

<optgroup>

# data[].attributes.body
được sử dụng cho các lĩnh vực tìm kiếm ."trong một lĩnh vực tìm kiếm như một trường văn bản thường"
ví dụ:
<form>
<label for="gsearch">search Google:</label>
<input type ="search" id="gsearch" name="gsearch">
</form>
Lèo Văn Đong

# data[].attributes.body
+Được sử dụng cho các lĩnh vực đầu vào mà nên chứa một màu.
Tùy thuộc vào sự hỗ trợ của trình duyệt, bộ chọn màu có thể hiển thị trong trường nhập liệu.

ví dụ:
<input type="color" id="favcolor" name="favcolor">

Lèo Văn Đông

# data[].attributes.body
-xác định một trường mật khẩu,các kí tự trong trường password được ẩn đi.được mã hóa thành các hinh sao hoặc hình tròn)
ví dụ:
<form>
<label for="username">Username:</label><br>
<input type="text" id="username" name="username"><br>
<label for="pwd">Password:</label><br>
<input type="password" id="pwd" name="pwd">
</form>
Lèo Văn Đông

# data[].attributes.body
Giá trị kết quả bao gồm năm, tháng và ngày, nhưng không bao gồm thời gian.
Ví dụ HTML:
<label for="start">Start date:</label>

<input type="date" id="start" name="trip-start"
value="2020-07-22"
min="2020-01-01" max="2020-12-31">
Ví dụ CSS :
label {
display: block;
font: 1rem 'Fira Sans', sans-serif;
}

input,
label {
margin: .4rem 0;
}
Link tham khảo chi tiết : https://www.w3schools.com/html/html_form_input_types.asp

# data[].attributes.body
<input type="password">
Là thẻ  tạo ra một hộp để nhập mật khẩu.                  Ví dụ:

<form>
  Tên:<br>
  <input type="text" name="username"><br>
  Mật khẩu:<br>
  <input type="password" name="psw">
</form>
           Sinh Thon

# data[].attributes.body
- "Number" dùng để xác định một trường nhập số.
- Có thể giới hạn khoảng cách số  bằng thuộc tính MIN và MAX
- Cú pháp:
+ Nhập số  không có giới hạn Min, Max: <input type="number">
+ Nhập số có giới hạn Min, Max:
<input type="number" name="Tên" min="Giá trị nhỏ nhất" max="Già trị lớn nhất">

Lầu A Chìa

# data[].attributes.body
-  Để xác định một nút bấm Reset lại mọi giá trị trong form về giá trị mặc định.
- Cú pháp:
<input type="reset" id="reset" value="Nhập lại">

Lầu A Chìa