Tkinter User Input Form

Planning We need to plan out an input form for a person to create a username for an online account The form has to have A suitable title A heading Input areas for username, first name and surname A button to submit details A button to clear the details from the form A Python program then has to confirm what was entered

.grid layout Your form should look a bit like this;

.grid layout So our plan will look like this

.grid layout So our structure will consist of A window (the root) to contain all the form Frame 1 that will hold the form name Frame 2 that will hold rows for each type of input box (three of them – username, 1st name, last name) The next row outside of the frames will hold two buttons, 1 in each column

Import tkinter from tkinter import *

Submit function def submit(): print(“Username”,username.get()) print(“First name”,firstname.get()) print(“Surname”,surname.get())

Clear function def clear(): username.delete(0, END) firstname.delete(0, END) surname.delete(0, END) username.focus_set()

The window root = Tk() root.geometry(“270x240”) root.title(“Student Details”) root.resizable(False,False) root.configure(background = “Light Blue”)

Setting up the frames #the heading frame frame_heading = Frame(root) frame_heading.grid(row = 0, column=0, columnspan=2, padx=30, pady=5) #the data entry frame frame_entry = Frame(root) frame_entry.grid(row = 1, column=0, columnspan=2, padx=25, pady=10)

Frame 1 #entering the details for the frame_heading Label(frame_heading, text = “Student Details Form”, font = (‘Arial’, 16)).grid(row = 0, column = 0, padx = 0, pady = 5)

Frame2 – column 0 (labels) Label(frame_entry, text = “Username: ”).grid(row = 0, column = 0, padx = 10, pady = 5) Label(frame_entry, text = “First Name: ”).grid(row = 1, column = 0, padx = 10, pady = 5) Label(frame_entry, text = “Surname: ”).grid(row = 2, column = 0, padx = 10, pady = 5)

Frame2 – column 1 (input boxes) username = Entry(frame_entry, width =15, bg = “white”) username.grid(row = 0, column = 1, padx = 5, pady = 5) firstname = Entry(frame_entry, width =15, bg = “white”) firstname.grid(row = 1, column = 1, padx = 5, pady = 5) surname = Entry(frame_entry, width =15, bg = “white”) surname.grid(row = 2, column = 1, padx = 5, pady = 5)

Placing the buttons submit_button = Button(root, text=“Submit”, width = 7, command=submit) submit_button.grid(row=2, column=0, padx=0, pady=5) clear_button = Button(root, text=“Clear”, width = 7, command=clear) clear_button.grid(row=2, column=1, padx=0, pady=5)

To get it running root.mainloop()

To improve this, we could also copy the delete function onto the end of the submit function, so that when we submitted our details, it clears the form ready for the next person’s details to be input.