Hướng dẫn form action html - biểu mẫu hành động html

  • Khái niệm form HTML
  • Tạo form HTML đầu tiên
  • Nút bấm submit/reset
  • Các phần tử của form
  • Thẻ
  • Thẻ
  • Thẻ

Khái niệm web form

Biểu mẫu - web form - được tạo ra trong HTML là khu vực hình thành nên sự tương tác giữa người dùng và ứng dụng web. Các form cho phép người dùng nhập dữ liệu vào, sau đó gửi dữ liệu đó cho web server, hoặc nhập dữ liệu vào sử lý dữ liệu ngay tại client side.web form - được tạo ra trong HTML là khu vực hình thành nên sự tương tác giữa người dùng và ứng dụng web. Các form cho phép người dùng nhập dữ liệu vào, sau đó gửi dữ liệu đó cho web server, hoặc nhập dữ liệu vào sử lý dữ liệu ngay tại client side.

Nội dung chính ShowShow

  • Khái niệm web form
  • Biểu mẫu - web form - được tạo ra trong HTML là khu vực hình thành nên sự tương tác giữa người dùng và ứng dụng web. Các form cho phép người dùng nhập dữ liệu vào, sau đó gửi dữ liệu đó cho web server, hoặc nhập dữ liệu vào sử lý dữ liệu ngay tại client side.
  • Nội dung chính Show
  • Thẻ , tạo web form đầu tiên
  • Ví dụ tạo form html
  • Tạo nút bấm để gửi form HTML, submit form, reset form
  • Sử dụng thẻ tạo nút bấm
  • Các phần tử trong FORM
  • Thẻ trong form HTML

Thẻ nhập văn bản nhiều dòng trong HTML được tạo ra bằng thẻ

, bên trong form đó nó chứa một hoặc nhiều phần tử để nhập liệu gọi là các điều khiển (control), có nhiều loại điều khiển như:

Thẻ trong HTMLform trong HTML được tạo ra bằng thẻ , bên trong form đó nó chứa một hoặc nhiều phần tử để nhập liệu gọi là các điều khiển (control), có nhiều loại điều khiển như:
Điều khiển
Ví dụ
Điều khiển nhập một dòng text (TextBox)
Điều khiển cho nhập nhiều dòng text (textarea) Điều khiển là các nút bấm (button)
Đã học CSS
Các phần tử checkbox (hộp chọn) Đã học HTML Đã học CSS
Nữ
Các phần tử radio (chọn một): Nam Nữ
Danh sách đổ xuống

Chọn cách sắp xếp: và đi cùng nó thường là phần tử để tạo ra nhãn (tiêu đề) cho control.

Biểu mẫu - web form - được tạo ra trong HTML là khu vực hình thành nên sự tương tác giữa người dùng và ứng dụng web. Các form cho phép người dùng nhập dữ liệu vào, sau đó gửi dữ liệu đó cho web server, hoặc nhập dữ liệu vào sử lý dữ liệu ngay tại client side.

Nội dung chính Show, sau đó nội dung trong thẻ trình bày các HTML và các phần tử là điều khiển (control) có trong form.


  

Thẻ , tạo web form đầu tiên

  • Ví dụ tạo form htmlaction trong form: thuộc tính để thiết lập URL sẽ nhận dữ liệu, là địa chỉ mà dữ liệu của form gửi đến (submit đến, post đến). Thiếu tham số này thì action bằng URL đang truy cập (tức gửi thông tin form đến server theo địa chỉ đang truy cập). Web server nhận được dữ liệu, xử lý và trả về nội dung nào đó.
  • Tạo nút bấm để gửi form HTML, submit form, reset formmethod trong form: thuộc tính để thiết lập HTTP Method, xem thêm HTTP Request Message thường có giá trị bằng get hoặc post. Nếu không viết thuộc tính này thì method mặc định của form là get

    Sử dụng thẻ tạo nút bấm

Các phần tử trong FORM

Nội dung chính Show

Thẻ , tạo web form đầu tiên

FORM này gửi dữ liệu bằng phương thức POST (an toàn hơn)





1 để gửi đi.





Ví dụ tạo form html

Hướng dẫn form action html - biểu mẫu hành động html

Tạo nút bấm để gửi form HTML, submit form, reset formname gồm: name, pass, submit. Khi bấm nút gửi đi thi dữ liệu trong các control này sẽ được gửi đi, khi gửi đi mỗi dữ liệu gồm tên và giá trị.

Sử dụng thẻ tạo nút bấm

https://httpbin.org/anything?name=test&pass=abcname=test&pass=abc

Các phần tử trong FORM

Thẻ trong form HTML

Thẻ nhập văn bản nhiều dòng

FORM này gửi dữ liệu bằng phương thức POST (an toàn hơn)





Thẻ trong HTML

Thẻ , tạo web form đầu tiên

Ví dụ tạo form html

Tạo nút bấm để gửi form HTML, submit form, reset form

Sử dụng thẻ tạo nút bấm

Các phần tử trong FORM

Ví dụ tạo form html

Tạo nút bấm để gửi form HTML, submit form, reset form


Sử dụng thẻ tạo nút bấm

Tạo nút bấm để gửi form HTML, submit form, reset form

Sử dụng thẻ tạo nút bấm

Mỗi phần tử là control của form để người dùng nhập dữ liệu thì phần tử đó cần có thuộc tính

3 là tên loại dữ liệu cần nhập, tên này được submit kèm dữ liệu


Thẻ trong form HTML

Thẻ là thẻ cơ bản trong form, thẻ này tạo ra các loại điều khiển tùy vào giá trị thiết lập bởi thuộc tính type. Thẻ trong html chỉ có phần mở thẻ. là thẻ cơ bản trong form, thẻ này tạo ra các loại điều khiển tùy vào giá trị thiết lập bởi thuộc tính type. Thẻ trong html chỉ có phần mở thẻ.

Trong

FORM này gửi dữ liệu bằng phương thức POST (an toàn hơn)





4 người ta cũng thường dùng thẻ
5 để cho biết tiêu đề của control tạo ra bởi
0

Cú pháp chính với là:

Thẻ trong HTML: được dùng để tạo nhãn cho phần tử form, phối hợp với input thì thường là:: được dùng để tạo nhãn cho phần tử form, phối hợp với input thì thường là:

Tiêu đề phần tử

Nếu id của control là idcontrol thì lable của nó phải có thuộc tính for="idcontrol". Tất nhiên bạn có thể dùng các phần tử HTML khác nhau để tạo nhãn như ... Tuy nhiên dùng lable như trên có một số lợi ích ví dụ người dùng bấm vào dùng chữ tiêu để, thì control tương ứng được focus, kích hoạt nhập dữ liệu ...

Sau đây là một số

7 hay dùng trong thẻ :

thuộc tính typeÝ nghĩa
8
Hộp nhập liệu một dòng



Họ:

Tên:

9
Hộp nhập password
Tên:

Mật khẩu:
Tên:

Mật khẩu:

1
Tạo nút bấm gửi form (xem ví dụ trên)
1
Tạo nút bấm - đưa dữ liệu đang nhập trên form về mặc định (ví dụ phía trên)
2
Tạo lựa chọn radio (chọn một giá trị trong nhóm). Các radio cùng tên tạo thành một nhóm (như gioitinh, noisinh). Khi submit giá trị trong radio được lựa chọn sẽ gửi đi (giá trị này lưu trong value). Một radio có thuộc tính checked thì mặc định nó là lựa chọn ban đầu của nhóm.




0

Chọn giới tính

Nam Nữ Khác
Nữ
Khác

Chọn nơi sinh

Hà Nội
Nam Định
Khác
3
Tạo lựa chọn hộp kiểm (chọn nhiều phương án). Các checkbox cùng tên tạo thành một nhóm, nếu có nhiều lựa chọn một mảng các giá trị theo tên nhóm sẽ được gửi đi.




1 Tôi thích PHP Tôi thích HTML Tôi thích CSS
Tôi thích HTML
Tôi thích CSS
4
Tạo điều khiển chọn màu sắc, giá trị là mã màu lựa chọn.




2 Chọn màu yêu thích
5
Tạo điều khiển chọn ngày tháng




3
6
Tạo điều khiển nhập email, dữ liệu cần nhập đúng định dạng email mới submit được form




4 Nhập email
7
Tạo điều khiển chọn file upload, để form upload được file phần cần có thêm thuộc tính enctype="multipart/form-data" và phương thức phải là post Chọn file upload
cần có thêm thuộc tính enctype="multipart/form-data" và phương thức phải là post Chọn file upload
8
Tạo điều khiển nhập giờ
9
Tạo điều khiển nhập địa chỉ URL

Thẻ nhập văn bản nhiều dòng

Thẻ


0 tạo ra một hộp nhập dữ liệu dạng text có nhiều dòng. Có thuộc tính

1 độ rộng và

2 số dòng.


    



5 Nhập văn bản

Thẻ trong HTML

Tạo các nút bấm bằng với type là


3,

4. Thì bạn cũng có thể dùng phầ tử

5 với type bằng submit hoặc reset. Ngoài ra có type bằng button, bấm vào đó không thực hiện submit hay reset, loại nút bấm này được sử dụng kết hợp với Javascript để người dùng tương tác với form.





6