Trang chủ » Blog » Bài thực hành » [Thực hành] Tạo một form tìm kiếm Google

[Thực hành] Tạo một form tìm kiếm Google

bởi CodeGym | 26/12/2023 17:17 | Bài thực hành | Blog

Mục tiêu

 Luyện tập gửi dữ liệu từ form lên server- tạo form tìm kiếm Google.

Mô tả- Tạo một form tìm kiếm Google

Sử dụng trang tìm kiếm của Google, tạo một form tìm kiếm.

Để hoàn thành bài thực hành, học viên cần:

  • Đưa mã nguồn lên GitHub
  • Dán link của repository lên phần nộp bài trên CodeGymX

Các bước thực hiện

Bước 1: Tạo một trang web HTML

Bước 2: Tiếp tục tạo một form đơn giản với một input text và một submit button.

<form>
     <input type="text"/>
     <input type="submit" value="Tìm kiếm"/>
</form>

Bước 3: Đưa URL của Google Search vào form.

Cài đặt các thuộc tính cho form:

  • method=”GET”
  • action=”https://www.google.com.vn/search”

Sau đó, đặt tên cho thẻ input: name=”q”.

<form action="https://www.google.com.vn/search"> 
     <input type="text" name="q"/>
     <input type="submit" value="Tìm kiếm"/>
</form>

Bước 4: Dùng thử

Đầu tiên, bạn hãy mở trang web, nhập từ muốn tìm kiếm và nhấn nút Tìm kiếm, quan sát kết quả. Sau đó, bạn hãy thử thay đổi thuộc tính method và tiếp tục quan sát. Vậy, nếu muốn sử dụng trang tìm kiếm của Bing thì làm thế nào?

Trên đây CodeGym đã hướng dẫn bạn gửi dữ liệu từ form lên sever. Hãy chụp ảnh màn hình và nộp bài thực hành của bạn trên CodeGymX để cùng nhau luyện tập nhé!

Xem thêm: Trở thành Kỹ sư cầu nối, lương trên 1000$/tháng chỉ sau 4 tháng học lập trình

Tags:

0 Lời bình

Gửi Lời bình

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

BÀI VIẾT LIÊN QUAN

BẠN MUỐN HỌC LẬP TRÌNH?

GỌI NGAY

098 953 44 58

Đăng ký tư vấn lộ trình học lập trình

Đăng ký tư vấn, định hướng lộ trình học và giải đáp các thắc mắc về ngành nghề – Miễn phí – Online.

3 + 3 =

TƯ VẤN VỀ LỘ TRÌNH HỌC NGHỀ LẬP TRÌNH TẠI CODEGYM
TƯ VẤN VỀ LỘ TRÌNH HỌC NGHỀ LẬP TRÌNH TẠI CODEGYM