在窗体输入速度和时间（可以有小数点），点击“计算路程”按钮，计算行驶路程并输出结果，运行界面如下图所示。 （3）点击“清除”按钮，则显示初始状态，单击“退出”按钮，则退出窗口。

您描述的是一个简单的用户界面（UI）设计，通常使用编程语言和相关库来实现。例如，您可以使用Python的Tkinter库来创建这样的界面。下面是一个简单的示例代码，展示了如何实现您描述的功能：

import tkinter as tk

# 计算路程的函数
def calculate_distance():
    try:
        speed = float(speed_entry.get())
        time = float(time_entry.get())
        distance = speed * time
        result_label.config(text=f"行驶路程: {distance}")
    except ValueError:
        result_label.config(text="请输入有效的数字！")

# 清除输入和结果的函数
def clear_fields():
    speed_entry.delete(0, tk.END)
    time_entry.delete(0, tk.END)
    result_label.config(text="")

# 创建主窗口
root = tk.Tk()
root.title("路程计算器")

# 创建标签和输入框
speed_label = tk.Label(root, text="速度 (km/h):")
speed_entry = tk.Entry(root)
time_label = tk.Label(root, text="时间 (h):")
time_entry = tk.Entry(root)

# 创建计算按钮
calculate_button = tk.Button(root, text="计算路程", command=calculate_distance)

# 创建清除按钮
clear_button = tk.Button(root, text="清除", command=clear_fields)

# 创建退出按钮
exit_button = tk.Button(root, text="退出", command=root.destroy)

# 创建结果显示标签
result_label = tk.Label(root, text="")

# 布局
speed_label.grid(row=0, column=0)
speed_entry.grid(row=0, column=1)
time_label.grid(row=1, column=0)
time_entry.grid(row=1, column=1)
calculate_button.grid(row=2, column=0, padx=10, pady=5)
clear_button.grid(row=2, column=1, padx=10, pady=5)
exit_button.grid(row=3, column=1, padx=10, pady=5)
result_label.grid(row=4, column=0, columnspan=2)

# 运行主循环
root.mainloop()

这段代码创建了一个简单的窗口，其中包含两个输入框用于输入速度和时间，一个按钮用于计算路程，一个按钮用于清除输入和结果，以及一个按钮用于退出程序。计算结果会显示在界面上。

请注意，这只是一个基础示例，实际应用中可能需要更复杂的设计和错误处理。如果您需要将这个界面实现为网页或者其他形式的应用程序，您可能需要使用不同的技术栈。