为什么 NVDA 找不到日期和数字的标签名称?

发布于 2025-01-17 03:13:08 字数 2122 浏览 0 评论 0原文

我也想使用 Thymeleaf 字段在我的网站上添加标签。

我编写了以下代码:

<form id="newFoo" action="#" th:action="@{'/save'}" th:object="${foo}"
            method="post" autocomplete="off">
    <table>
                <tr>
                    <td> <label for="name" form="newFoo">Name</label></td>
                    <td> 
                        <input id="name" type="text" th:field="*{name}" required="required">
                    </td>
                </tr>
                <tr>
                    <td> <label for="gender" form="newFoo">Gender</label> </td>
                    <td>
                        <select id="gender" th:field="*{gender}" required="required">
                            <option th:each="g : ${genders}"
                                th:value="${g.id}" th:text="${g.name}" ></option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td> <label for="birthday" form="newFoo">Birthday</label></td>
                    <td> 
                        <input id="birthday" type="date" th:field="*{birthday}" min="1900-01-01" max="2100-01-01" required="required">
                    </td>
                </tr>
                <tr>
                    <td><label for="height" form="newFoo">Height</label></td>
                    <td> <input id="height" type="number" th:field="*{height}" required="required"> </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <button type="submit">Submit</button>
                    </td>
                </tr>
    </table>

</form>

当我尝试通过 NVDA 浏览表单时,仅显示和说明文本和选择的标签。没有显示数字和日期。我在 Google Chrome 和 Firefox 上尝试过。

尝试 w3school,数字也有效。

我该如何解决?

I'd like to add label on my website using Thymeleaf fields, too.

I wrote the following code:

<form id="newFoo" action="#" th:action="@{'/save'}" th:object="${foo}"
            method="post" autocomplete="off">
    <table>
                <tr>
                    <td> <label for="name" form="newFoo">Name</label></td>
                    <td> 
                        <input id="name" type="text" th:field="*{name}" required="required">
                    </td>
                </tr>
                <tr>
                    <td> <label for="gender" form="newFoo">Gender</label> </td>
                    <td>
                        <select id="gender" th:field="*{gender}" required="required">
                            <option th:each="g : ${genders}"
                                th:value="${g.id}" th:text="${g.name}" ></option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td> <label for="birthday" form="newFoo">Birthday</label></td>
                    <td> 
                        <input id="birthday" type="date" th:field="*{birthday}" min="1900-01-01" max="2100-01-01" required="required">
                    </td>
                </tr>
                <tr>
                    <td><label for="height" form="newFoo">Height</label></td>
                    <td> <input id="height" type="number" th:field="*{height}" required="required"> </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <button type="submit">Submit</button>
                    </td>
                </tr>
    </table>

</form>

When I tried to navigate through my form by NVDA, only the labels of texts and select were shown and said. Numbers and date were not shown. I tried it on Google Chrome and on Firefox.

Trying w3school, number worked, too.

How can I solve it?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文