{
    "path": "/home/krm/dev/mimer-academia/web/html/Tutorial/create-a-web-form.sv.json",
    "s": "Ignor",
    "invert": true,
    "level": 1,
    "title": [
        "Skapa ett formulär"
    ],
    "author": [
        "krm"
    ],
    "created": {
        "year": 2023,
        "month": 12,
        "day": 10,
        "hour": 0
    },
    "status": "alpha",
    "description": [],
    "statments": [],
    "comment": [],
    "cards": [
        {
            "level": 1,
            "title": [
                "# 👁️‍🗨️ Om detta avsnitt"
            ],
            "description": [
                "Vi ska skap en form för att skicka data till en webbserver. Du har formuläret i en webbsida."
            ],
            "statments": [
                {
                    "description": [
                        "🦉 ",
                        [
                            {
                                "link": "./create-a-web-page.sv.html"
                            },
                            "Skapa en webbsida"
                        ]
                    ]
                }
            ],
            "comment": []
        },
        {
            "level": 1,
            "title": [
                "❓ Vad är formulär?"
            ],
            "description": [
                "I html formulär kan du skriva in uppgifter och skicka det vidare antagligen till en webbserver."
            ],
            "statments": [],
            "comment": []
        },
        {
            "level": 1,
            "index": 1,
            "title": [
                "Lägg formulär till en webbsida med hjälp av koden nedan"
            ],
            "description": [
                "Koden nedan kan fungera som en mall för fomruläret."
            ],
            "lang": "html",
            "code": "<div>\n<form action=\"/chatt\">\n<input type=\"text\" name=\"msg\">\n<input type=\"submit\" value=\"Submit\">\n</form>\n</div>",
            "statments": [],
            "comment": [
                [
                    {
                        "form": "important"
                    },
                    "action=\"/chatt\""
                ],
                " är ett atribute som anger vilken sida som ska anropas på server sidan. ",
                [
                    {
                        "form": "important"
                    },
                    "type"
                ],
                " atributet anger vilket typ av data som ska skrivas in. ",
                [
                    {
                        "form": "important"
                    },
                    "name"
                ],
                " är namnet på variabel som värdet användaren skriver sparas i. Slutligen betyder ",
                [
                    {
                        "form": "important"
                    },
                    "type=\"submit\""
                ],
                " att vi får en knappp som när den trycks kommer skicka in värderna till servern."
            ]
        },
        {
            "level": 1,
            "index": 2,
            "title": [
                "Anpassa formuläret"
            ],
            "description": [
                "Du kan anpassa formuläret utifrån exemplena nedan."
            ],
            "statments": [
                {
                    "description": [
                        "🔗 ",
                        [
                            {
                                "link": "https://htsit.se/e/forms/examples.sv.md.html"
                            },
                            "Formulär"
                        ]
                    ]
                }
            ],
            "comment": []
        },
        {
            "level": 1,
            "index": 3,
            "title": [
                "✔️ Testa med en webbläsare"
            ],
            "description": [
                "Öppna sidan i en webbläsare. Du kan då se hur formuläret ser ut. Skriv in värderna och tryck sedan på submitt. Läs URL i webbläsaren och se om \nparameterna stämmer med vad som skrivits in i formuläret."
            ],
            "statments": [],
            "comment": []
        }
    ]
}