Oznaka <fieldset>

Oznaka <fieldset> se uporablja za združevanje povezanih elementov v obrazec. Oznaka <fieldset> nariše okvir okoli povezanih elementov.

PRIMER

<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <title>fieldset</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</head>
<body>
<form action="examples/html/fieldset_sl.php" method="POST">
    <fieldset>
        <legend>Osnovni paket za izdelavo spletne strani:</legend><br>
        <label for="html">HTML:</label>
        <input type="text" id="html" name="html" value="HTML"><br><br>
        
        <label for="css">CSS:</label>
        <input type="text" id="css" name="css" value="CSS"><br><br>
        
        <label for="js">JavaScript:</label>
        <input type="text" id="js" name="js" value="JavaScript"><br><br>
        
        <input type="submit" value="Predloži">
    </fieldset>
</form>
</body>
</html>

REZULTAT

Privzete vrednosti v vnosnih poljih (value="HTML", value="CSS", value="JavaScript") so prikazane samo kot začetni prikaz besedila. Ko uporabnik karkoli spremeni v teh poljih, bo sistem ob oddaji obrazca poslal novo vneseno vrednost na strežnik in ta vrednost bo uporabljena. Več o delu s PHP-jem najdete na moji PHP strani.

        

<?php
// PHP logika za obdelavo obrazca
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    // Pridobi podatke iz obrazca
    // htmlspecialchars preprečuje zlonamerno kodo (XSS zaščita)
    $html = htmlspecialchars($_POST['html']);
    $css = htmlspecialchars($_POST['css']);
    $js = htmlspecialchars($_POST['js']);

    // Izpiši vnesene podatke
    echo "<div style='margin-top: 20px;'>";
    echo "<p>Vpisal si: <strong>$html</strong></p>";
    echo "<p>Vpisal si: <strong>$css</strong></p>";
    echo "<p>Vpisal si: <strong>$js</strong></p>";
    echo "</div>";
}
?>