Skip to main content

Bài 4 - TextBox

Mục tiêu​

  • Hiểu cách tạo ô nhập liệu trong guizero.
  • Biết cách lấy dữ liệu từ TextBox và xử lý.

Lý thuyết​

  • Widget TextBox(app) dùng để nhập văn bản.
  • Lấy nội dung bằng textbox.value.
  • Có thể giới hạn độ dài bằng width.

Ví dụ​

from guizero import App, Text, TextBox, PushButton

def greet():
    output.value = "Xin chào " + name.value

app = App("Demo TextBox", width=300, height=200)

Text(app, text="Nhập tên của bạn:")
name = TextBox(app, width=20)
output = Text(app, text="")
PushButton(app, text="Chào", command=greet)

app.display()

Sơ đồ Flow​

Gợi ý hình minh họa​

  • Một cửa sổ nhỏ có dòng chữ “Nhập tên của bạn:”
  • Bên dưới là một ô nhập text.
  • Có nút “Chào” ngay phía dưới.
  • Khi bấm nút, xuất hiện dòng chữ “Xin chào [tên]”.

Bài tập​

  1. Tạo ứng dụng cho nhập tuổi, bấm nút sẽ hiện ra "Bạn X tuổi".
  2. Làm form nhập tên và sở thích, bấm nút hiển thị câu: "Xin chào [tên], bạn thích [sở thích]".
  3. Viết app nhập một chuỗi, bấm nút sẽ hiển thị độ dài của chuỗi đó.