Error Default

<form method="get">
    csrf

    <div class="alert alert-error">
        <svg xmlns="http://www.w3.org/2000/svg" class="stroke-current flex-shrink-0 h-6 w-6" fill="none" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" />
        </svg>
        <div>
            <ul>
                <li> sampleError: This field is required </li>
                <li> sample2Error: This field is required </li>
            </ul>
        </div>
    </div>

    <div class="form-control mb-5">
        <label class="label cursor-pointer" for="sampleError">
            <span class="label-text">
                Sample Error:</span>
        </label>
        <input type="text" class="input input-bordered" name="sampleError" id="sampleError" value="" />

        <div class="label"> <span class="label-text-alt text-error">This field is required</span>
        </div>
    </div>

    <div class="form-control mb-5">
        <label class="label cursor-pointer" for="sample2Error">
            <span class="label-text">
                Sample2 Error:</span>
        </label>
        <input type="text" class="input input-bordered" name="sample2Error" id="sample2Error" value="" />

        <div class="label"> <span class="label-text-alt text-error">This field is required</span>
        </div>
    </div>

</form>