Berufsschule/Webshop
Berufsschule/Webshop
Template
5
2
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects 1 Releases 3 Wiki Activity

CSS geändert

Browse Source
This commit is contained in:
rgemm 2025-04-24 18:18:35 +02:00
parent 557ffb2bb7
commit 15a45a07d8
2 changed files with 28 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
public/bestellformular/bestellformular.html
View File

@ -8,16 +8,25 @@
<body> <body>
<div class="form-container"> <div class="form-container">
<form action="/submit-bestellung" method="post"> <form action="/submit-bestellung" method="post">
<h2>Bestellformular</h2> <h2> Bestellformular</h2>
<label for="name">Name:</label> <label for="name">Name:</label>
<input type="text" id="name" name="name" required> <input type="text" id="name" name="name" required>
<label for="anschrift">Anschrift:</label> <label for="strasse">Straße:</label>
<textarea id="anschrift" name="anschrift" rows="4" required></textarea> <input type="text" id="strasse" name="strasse" required>
<label for="hausnummer">Hausnummer:</label>
<input type="text" id="hausnummer" name="hausnummer" required>
<label for="ort">Ort:</label>
<input type="text" id="ort" name="ort" required>
<label for="telefon">Telefon (optional):</label>
<input type="tel" id="telefon" name="telefon">
<label for="bestellteWare">Bestellte Ware:</label> <label for="bestellteWare">Bestellte Ware:</label>
<textarea id="bestellteWare" name="bestellteWare" rows="4"></textarea> <textarea id="bestellteWare" name="bestellteWare" rows="4" required></textarea>
<input type="submit" value="Bestellung absenden"> <input type="submit" value="Bestellung absenden">
</form> </form>

28
static/Styles/bestellformular/bestellformular.css
View File

@ -1,48 +1,50 @@
body { body {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
background-color: #f2f2f2;
padding: 20px; padding: 20px;
background-color: #f7f7f7;
} }
.form-container form { .form-container {
max-width: 600px; max-width: 600px;
margin: auto; margin: auto;
padding: 20px; background-color: #ffffff;
background-color: white; padding: 25px;
border: 1px solid #ccc;
border-radius: 8px; border-radius: 8px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
} }
form h2 { form h2 {
margin-top: 0;
text-align: center; text-align: center;
margin-bottom: 20px;
} }
label { label {
display: block; display: block;
margin-bottom: 10px; margin-top: 15px;
font-weight: bold; font-weight: bold;
} }
input[type="text"], input[type="text"],
input[type="tel"],
textarea { textarea {
width: 100%; width: 100%;
padding: 8px; padding: 10px;
margin-bottom: 15px; margin-top: 5px;
border: 1px solid #ccc; border: 1px solid #ccc;
border-radius: 4px; border-radius: 4px;
box-sizing: border-box; box-sizing: border-box;
} }
input[type="submit"] { input[type="submit"] {
margin-top: 20px;
background-color: #ff6600; background-color: #ff6600;
color: white; color: white;
padding: 10px 20px;
border: none; border: none;
border-radius: 4px; padding: 12px;
cursor: pointer; border-radius: 5px;
font-size: 16px; font-size: 16px;
cursor: pointer;
width: 100%;
} }
input[type="submit"]:hover { input[type="submit"]:hover {