首页 > 解决方案 > HTML 中只读输入字段的用途是什么?

问题描述

为HTMLreadonly中的元素设置属性选项有什么意义?input根据我的理解,根据定义input必须需要写入功能。

我确信有一个有意义的应用程序readonly,我只是想不出一个,也没有在浏览网页的多年中遇到过这样的应用程序。

标签: htmlformsinput

解决方案


对于动态站点,能够将输入设置为只读非常棒。有时您当前无法接受用户输入,并希望阻止这种情况。因此,“只读”为您提供了一种机制。有时在提交异步表单时使用它,以便用户在页面可以确认表单已成功提交之前无法进行更改。或者有时页面需要做一些其他的工作,并且在完成之前不希望用户更改表单。

此外,有时您的页面显示的数据在当前情况下是只读的,但您希望将其保留为字段。例如,您可能有一个配置文件表单,其中的用户名在第一次保存后或由特定用户无法更改。因此,对于无法更改的情况,您可以将其设置为只读。用户仍然可以看到它,但不能更改它。

只读也为您提供了与hidden字段几乎相同的好处,只是它不是隐藏的。因此,如果您需要通过表单提交信息,但不希望用户更改它,那么使用 hidden 或 read only 效果很好。这两种方法都可以让您将额外的数据发送到服务器,这些数据我对用户提供没有意义,但服务器需要知道。

举个例子,看看你的堆栈溢出故事偏好。该示例是另一种比较常见的情况:可选择但不可编辑的字段。(然而,他们选择不使用真正的输入,只是让它看起来像一个,但其他时候并非如此)


推荐阅读