Vnosni obrazec (Vse v enem)

<div class="container">
<h3>Vnosni Obrazec</h3>
<form action="proces_za_vse_vnose.php" method="post">
    <label for="name">Ime:</label>
    <input type="text" id="name" name="name" required>

    <label for="email">Email:</label>
    <input type="email" id="email" name="email" required>

    <label for="password">Geslo:</label>
    <input type="password" id="password" name="password" required>

    <label for="age">Starost:</label>
    <input type="number" id="age" name="age" min="1" max="100" required>

    <label for="dob">Datum rojstva:</label>
    <input type="date" id="dob" name="dob" required>

    <label for="address">Naslov:</label>
    <textarea id="address" name="address" rows="4" cols="50" required></textarea>

    <label for="gender">Spol:</label>
    <select id="gender" name="gender" required>
        <option value="Moški">Moški</option>
        <option value="Ženska">Ženska</option>
        <option value="Drugo">Drugo</option>
    </select>

    <p>Tip uporabnika:</p>
    <div class="radio-buttons">
        <label for="admin">Skrbnik</label>
        <input type="radio" id="admin" name="user_type" value="Skrbnik" required>
    </div>
    <div class="radio-buttons">
        <label for="user">Uporabnik</label>
        <input type="radio" id="user" name="user_type" value="Uporabnik" required>
    </div>

    <p>Ali želite prejemati novice?</p>
    <div class="checkboxes">
        <label for="subscribe">Da, želim prejemati novice.</label>
        <input type="checkbox" id="subscribe" name="subscribe" value="DA">
    </div>

    <button type="submit">Pošlji</button>
    </form>
</div>

.container {
    max-width: 100%
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

h1 {
    text-align: center;
}

form {
    display: flex;
    flex-direction: column;
}

label {
    margin-top: 10px;
}

input, textarea, select, button {
    margin-top: 5px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.radio-buttons {
    padding: 10px;
}

.checkboxes {
    padding: 10px;
}

button {
    margin-top: 20px;
    border: none;
    cursor: pointer;
}

button:hover {
    background-color: #0056b3;
}

p {
    margin-top: 10px;
}

<?php
// Preveri, če je bil obrazec poslan z metodo POST
if ($_SERVER["REQUEST_METHOD"] == "POST") {

    // Model podatkov
    $name = htmlspecialchars($_POST['name']);
    $email = htmlspecialchars($_POST['email']);
    $password = htmlspecialchars($_POST['password']);
    $age = htmlspecialchars($_POST['age']);
    $dob = htmlspecialchars($_POST['dob']);
    $address = htmlspecialchars($_POST['address']);
    $gender = htmlspecialchars($_POST['gender']);
    $user_type = htmlspecialchars($_POST['user_type']);
    $subscribe = isset($_POST['subscribe']) ? htmlspecialchars($_POST['subscribe']) : 'NE';

    // V PRAKSI: Spodnjo kodo v PHP uporabljamo za preverjanje e-pošte.
    // V simulatorju je zakomentirana, da lahko vidite izpis podatkov.
    /*
    if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
        echo "Neveljaven email naslov!";
        exit;
    }
    */

    // Zaščita gesla
    $hashed_password = password_hash($password, PASSWORD_DEFAULT);

    // Prikaz uporabniških podatkov na zaslonu
    echo "<h2>Podatki iz obrazca:</h2>";
    echo "Ime: " . $name . "<br>";
    echo "Email: " . $email . "<br>";
    echo "Starost: " . $age . "<br>";
    echo "Datum rojstva: " . $dob . "<br>";
    echo "Naslov: " . $address . "<br>";
    echo "Spol: " . $gender . "<br>";
    echo "Tip uporabnika: " . $user_type . "<br>";
    echo "Prijava na novice: " . $subscribe . "<br>";
}

Celovit vnosni obrazec