Cách Tạo Biểu Mẫu Trên Trang Web

Mục lục:

Cách Tạo Biểu Mẫu Trên Trang Web
Cách Tạo Biểu Mẫu Trên Trang Web

Video: Cách Tạo Biểu Mẫu Trên Trang Web

Video: Cách Tạo Biểu Mẫu Trên Trang Web
Video: Cách tạo Google Form, tạo form đăng ký trên Google Drive chuyên nghiệp 2024, Có thể
Anonim

Biểu mẫu cho trang này đã trở nên phổ biến trên Internet. Biểu mẫu được sử dụng để đăng ký nhận tin tức, đặt mua sách, video bài học và nhiều tài liệu khác nhau. Biểu mẫu là các khu vực đặc biệt giới hạn của trang web, trong đó khách truy cập trang web được mời nhập bất kỳ thông tin nào hoặc chọn bất kỳ hành động cụ thể nào từ một số thông tin được đề xuất. Khi tạo biểu mẫu, bạn có thể sử dụng các tập lệnh đặc biệt, nhưng chúng tôi sẽ viết nó theo cách thủ công để hiểu toàn bộ công nghệ làm việc và cấu trúc của biểu mẫu.

Cách tạo biểu mẫu trên trang web
Cách tạo biểu mẫu trên trang web

Nó là cần thiết

  • 1) Tệp trang web html
  • 2) Kiến thức cơ bản về HTML
  • 3) Kiến thức cơ bản về PHP

Hướng dẫn

Bước 1

Hãy bắt đầu tạo một biểu mẫu trên trang web. Biểu mẫu sẽ có các mẫu sau: tên, mật khẩu, địa chỉ e-mail, nhà cung cấp dữ liệu, loại khóa học. Những, cái đó. biểu mẫu sẽ dành cho đăng ký các khóa học video.

Mở tệp html và bắt đầu nhập mã. Thẻ chịu trách nhiệm tạo biểu mẫu là "biểu mẫu". Chúng tôi viết thẻ cùng với các thuộc tính “form action =” obrabotka.php”method =” post”name” forma1””. Hãy bắt đầu tạo các phần tử biểu mẫu. Hầu hết tất cả các phần tử đều được tạo bằng thẻ và thuộc tính “type” của nó, chịu trách nhiệm về kiểu dữ liệu, ví dụ: văn bản, mật khẩu, v.v. Chúng tôi luôn đặt tên "name" cho bất kỳ thuộc tính nào.

Chúng tôi quy định: "br" Nhập tên: "br"

"tên đầu vào =" fio"

"br" Nhập mật khẩu: "br"

"input name =" pass"

"br" Nhập E-mai: l "br"

"tên đầu vào =" email ".

Bước 2

Tiếp theo, chúng tôi tạo một phần tử lựa chọn nút radio. Nút radio là một phần tử biểu mẫu, khi nhấn bằng con trỏ, nút sẽ bật và các nút radio khác sẽ bị tắt. Hãy để chúng tôi giải thích với một ví dụ về biểu mẫu của chúng tôi. Khi đặt hàng một khóa học, sự lựa chọn sẽ bao gồm đĩa CD hoặc DVD, vì vậy bạn cần phải chọn một. Phần tử thuộc tính “type” - “radio” chịu trách nhiệm tạo một nút như vậy. Chúng tôi sẽ viết cùng một tên cho loại phương tiện, vì vậy chúng tôi sẽ chỉ định thuộc tính “value” để trình xử lý có thể xác định chính xác giá trị của biến. Chúng tôi đăng ký mã: "br" Chọn tùy chọn của phương tiện lưu trữ: "br"

"input name =" disk "value =" cd " CD "br"

"input name =" disk "value =" dvd " DVD "br"

Nếu thuộc tính "giá trị" được đặt thành văn bản, thì biểu mẫu sẽ ngay lập tức hiển thị giá trị mà chúng tôi đã gán cho thuộc tính này. Ví dụ, để ở dạng tên đầy đủ đã có một số tên (value = "name").

Bước 3

Hãy chuyển sang tạo phần tử biểu mẫu trong đó bạn có thể thực hiện nhiều lựa chọn Các phần tử như vậy được tạo bằng cách sử dụng hộp kiểm type =””. Chúng tôi đăng ký mã:

"br" Cho biết các khóa học quan tâm "br"

"input name =" ch1 "value =" yes " Khóa học phát triển trang web "br"

"input name =" ch2 "value =" yes " Khóa học làm sách "br"

Nếu muốn, bạn có thể đặt một hộp kiểm mặc định, đối với điều này, chúng tôi chỉ viết từ được đánh dấu vào thẻ "đầu vào". Chúng tôi quy định (value = "yes") như được chỉ ra trong mã, để không bị nhầm lẫn khi tạo tệp php.

Chúng tôi đăng ký ngay loại hình phân phối bằng cách sử dụng thẻ "select":

Chỉ định loại phân phối "br"

"select name =" delivery"

"option" Khẩn cấp

"option" Bình thường

"/ select" "br"

Tiếp theo, chúng tôi tạo một trường cho nhận xét hoặc địa chỉ người dùng. Thẻ "textarea", các thuộc tính của thẻ này là "row" và "cols", chịu trách nhiệm về kích thước của trường này.

Nhập địa chỉ của bạn và ghi chú

"textarea name =" add_text "rows =" 5 "cols =" 30"

"/ textarea"

Tạo nút gửi bằng các thẻ quen thuộc: "input value =" Submit " Đừng quên đóng thẻ "form"

Hình thức đã hoàn thành
Hình thức đã hoàn thành

Bước 4

Chúng tôi bắt đầu tạo tệp obrabotka.php, mở và đăng ký

? Nếu (! Isset ($ ch1)) {$ ch1 =” không”;}

If (! Isset ($ ch2)) {$ ch2 =”không”;}

mail ("thư của người nhận", "chủ đề (đặt mua đĩa chẳng hạn)", "nội dung của bức thư, (một người tên $ fio đã chỉ định mật khẩu $ pass, cho biết địa chỉ email của anh ấy - $ email, đã chọn phương tiện option $ disk, cho biết rằng anh ấy muốn xem trên đĩa các khóa học sau: / n khóa học về tạo trang web - $ ch1 / n khóa học về cách tạo sách $ ch2, cho biết loại phân phối - $ delivery, chỉ ra $ add_text là địa chỉ nhà và ghi chú.)”); ?"

Biểu mẫu đã sẵn sàng.

Đề xuất: