Strange issue on label id

#csharp #discuss #html #frontend

Hi,

I keep encountering errors in my label and input tags despite having made several changes. When I check the code in both Visual Studio and AI, I can't seem to find any errors. However, when I run the code, the browser shows issues. What could be causing this problem?

<h1>AI Image Generator</h1>

<div>
    <label>
        <input type="text"  id="imageText" @bind="@ImageText" />

    </label>

</div>

<button @onclick="GenerateImage" type="button">Generate Image</button>

<form>

    <h1>AI Image Generator</h1>

    <div class="form-group">

        <label for="imageText">Enter your Image text:</label>

        <!-- Use @bind to bind the value of the input field to a property in our code-behind file -->
        <input type="text" class="form-control" name="imageText" id="imageText" @bind="@ImageText" />

    </div>


    <button @onclick="GenerateImage" type="button">Generate Image</button>

</form>

<div>
    @*  Display the generated image if available *@
    @if (generatedImageUrl != null)
        {
        <img src="@generatedImageUrl" alt="Generated Image" />
        }
</div>