From ab710dc00fce86d2ceab74d741ff1a28aa3b87ea Mon Sep 17 00:00:00 2001 From: manuellaiv <13521051@std.stei.itb.ac.id> Date: Wed, 8 Jan 2025 23:39:56 +0700 Subject: [PATCH] [Init] Frontend base html --- frontend/index.html | 77 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 77 insertions(+) create mode 100644 frontend/index.html diff --git a/frontend/index.html b/frontend/index.html new file mode 100644 index 0000000..88ae730 --- /dev/null +++ b/frontend/index.html @@ -0,0 +1,77 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Customer Churn Prediction</title> +</head> +<body> + <h1>Customer Churn Prediction Input</h1> + <form method="POST"> + <label for="customerID">Customer ID:</label> + <input type="text" id="customerID" name="customerID" required><br> + + <label for="gender">Gender:</label> + <input type="text" id="gender" name="gender" required><br> + + <label for="SeniorCitizen">Senior Citizen:</label> + <input type="text" id="SeniorCitizen" name="SeniorCitizen" required><br> + + <label for="Partner">Partner:</label> + <input type="text" id="Partner" name="Partner" required><br> + + <label for="Dependents">Dependents:</label> + <input type="text" id="Dependents" name="Dependents" required><br> + + <label for="tenure">Tenure:</label> + <input type="number" id="tenure" name="tenure" required><br> + + <label for="PhoneService">Phone Service:</label> + <input type="text" id="PhoneService" name="PhoneService" required><br> + + <label for="MultipleLines">Multiple Lines:</label> + <input type="text" id="MultipleLines" name="MultipleLines" required><br> + + <label for="InternetService">Internet Service:</label> + <input type="text" id="InternetService" name="InternetService" required><br> + + <label for="OnlineSecurity">Online Security:</label> + <input type="text" id="OnlineSecurity" name="OnlineSecurity" required><br> + + <label for="OnlineBackup">Online Backup:</label> + <input type="text" id="OnlineBackup" name="OnlineBackup" required><br> + + <label for="DeviceProtection">Device Protection:</label> + <input type="text" id="DeviceProtection" name="DeviceProtection" required><br> + + <label for="TechSupport">Tech Support:</label> + <input type="text" id="TechSupport" name="TechSupport" required><br> + + <label for="StreamingTV">Streaming TV:</label> + <input type="text" id="StreamingTV" name="StreamingTV" required><br> + + <label for="StreamingMovies">Streaming Movies:</label> + <input type="text" id="StreamingMovies" name="StreamingMovies" required><br> + + <label for="Contract">Contract:</label> + <input type="text" id="Contract" name="Contract" required><br> + + <label for="PaperlessBilling">Paperless Billing:</label> + <input type="text" id="PaperlessBilling" name="PaperlessBilling" required><br> + + <label for="PaymentMethod">Payment Method:</label> + <input type="text" id="PaymentMethod" name="PaymentMethod" required><br> + + <label for="MonthlyCharges">Monthly Charges:</label> + <input type="number" id="MonthlyCharges" name="MonthlyCharges" step="0.01" required><br> + + <label for="TotalCharges">Total Charges:</label> + <input type="number" id="TotalCharges" name="TotalCharges" step="0.01" required><br> + + <label for="Churn">Churn:</label> + <input type="text" id="Churn" name="Churn" required><br> + + <button type="submit">Submit</button> + </form> +</body> +</html> -- GitLab