HTML Form Razor Page Метод Post Action = Якорь на той же странице - PullRequest
Новая
       9

HTML Form Razor Page Метод Post Action = Якорь на той же странице

0 голосов
/ 03 марта 2020

Я работаю над простой формой для расчета энергии. Действие формы направляет пользователя в верхнюю часть той же страницы, а не в место привязки.

Однако, несмотря на использование привязки в атрибуте действия, пользователь перенаправляется в верхнюю часть страницы, когда Форма с соответствующим атрибутом ID находится внизу страницы. 

@Html.ValidationSummary(true)
<form action="index.cshtml#energy" method="post" id="energy">
    <div class="form-group">
        <label for="joule">Energi (J):</label>
        <input type="number" name="joule" id="joule" value="@joule" class="form-control" placeholder="Energi" />
        @Html.ValidationMessage("joule")

        <label for="unit">Omvandla till:</label>
        <select id="unit" name="unit" class="form-control">
            <option value="kcal">kcal</option>
            <option value="kWh">kWh</option>
        </select>

        <label for="date">Datum:</label>
        <input type="text" name="date" id="date" placeholder="@today.ToShortDateString()" class="form-control" onfocus="(this.type='date')" />
        @Html.ValidationMessage("date")
    </div>
    <input type="submit" class="form-control bg-primary text-white" value="Beräkna" />
</form>
...