HTML Form - K58 CNTT A by Hiếu Nguyễn Duy https://padlet.com/hieund/html_form Các đối tượng trong HTML form en-us 2020-09-20 06:27:01 UTC 2025-12-05 08:32:13 UTC hello@padlet.com <FORM> ... </FORM> hieund https://padlet.com/hieund/html_form/wish/761635077 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.
]]> 2020-09-20 06:27:58 UTC https://padlet.com/hieund/html_form/wish/761635077 <input type="type_name"> hieund https://padlet.com/hieund/html_form/wish/761636634 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.]]> 2020-09-20 06:29:19 UTC https://padlet.com/hieund/html_form/wish/761636634 <input type="text"> hieund https://padlet.com/hieund/html_form/wish/761653460 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">
]]> 2020-09-20 06:47:13 UTC https://padlet.com/hieund/html_form/wish/761653460 <input type="radio"> hinhtvk58cntta https://padlet.com/hieund/html_form/wish/774198006 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]]> 2020-09-24 00:55:36 UTC https://padlet.com/hieund/html_form/wish/774198006 <input type="checkbox"> hinhtvk58cntta https://padlet.com/hieund/html_form/wish/774210391 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]]> 2020-09-24 01:01:30 UTC https://padlet.com/hieund/html_form/wish/774210391 <input type="submit"> hinhtvk58cntta https://padlet.com/hieund/html_form/wish/774232754 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]]> 2020-09-24 01:12:28 UTC https://padlet.com/hieund/html_form/wish/774232754 <input type="text value="Hinh"> CÁC THUỘC TÍNH hinhtvk58cntta https://padlet.com/hieund/html_form/wish/774253697 - 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]]> 2020-09-24 01:22:42 UTC https://padlet.com/hieund/html_form/wish/774253697 Các phần tử có thể sử dụng nằm trong HTML hinhtvk58cntta https://padlet.com/hieund/html_form/wish/774297078
  • <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>

    • ]]>     2020-09-24 01:42:24 UTC https://padlet.com/hieund/html_form/wish/774297078     <input type="color"> donglvk58cntta https://padlet.com/hieund/html_form/wish/774380110
    +Đượ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
    ]]>     2020-09-24 02:23:52 UTC https://padlet.com/hieund/html_form/wish/774380110     <input type="search"> donglvk58cntta https://padlet.com/hieund/html_form/wish/774418494 đượ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]]>     2020-09-24 02:43:26 UTC https://padlet.com/hieund/html_form/wish/774418494     <input type="password"> donglvk58cntta https://padlet.com/hieund/html_form/wish/774435582 -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]]>     2020-09-24 02:53:40 UTC https://padlet.com/hieund/html_form/wish/774435582     <input type = "date"> hungbsk58cntta https://padlet.com/hieund/html_form/wish/774489716
    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]]>     2020-09-24 03:29:00 UTC https://padlet.com/hieund/html_form/wish/774489716     https://padlet.com/hieund/html_form/wish/774567979 <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
    ]]>     2020-09-24 04:19:49 UTC https://padlet.com/hieund/html_form/wish/774567979     <INPUT TYPE="NUMBER"> chialak58cntta https://padlet.com/hieund/html_form/wish/786391099 - "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]]>     2020-09-29 01:33:19 UTC https://padlet.com/hieund/html_form/wish/786391099     <INPUT TYPE="RESET"> chialak58cntta https://padlet.com/hieund/html_form/wish/786430264 -  Để 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]]>     2020-09-29 01:54:12 UTC https://padlet.com/hieund/html_form/wish/786430264