html - HTML 中只读输入字段的用途是什么?
问题描述
为HTMLreadonly
中的元素设置属性选项有什么意义?input
根据我的理解,根据定义input
必须需要写入功能。
我确信有一个有意义的应用程序readonly
,我只是想不出一个,也没有在浏览网页的多年中遇到过这样的应用程序。
解决方案
对于动态站点,能够将输入设置为只读非常棒。有时您当前无法接受用户输入,并希望阻止这种情况。因此,“只读”为您提供了一种机制。有时在提交异步表单时使用它,以便用户在页面可以确认表单已成功提交之前无法进行更改。或者有时页面需要做一些其他的工作,并且在完成之前不希望用户更改表单。
此外,有时您的页面显示的数据在当前情况下是只读的,但您希望将其保留为字段。例如,您可能有一个配置文件表单,其中的用户名在第一次保存后或由特定用户无法更改。因此,对于无法更改的情况,您可以将其设置为只读。用户仍然可以看到它,但不能更改它。
只读也为您提供了与hidden
字段几乎相同的好处,只是它不是隐藏的。因此,如果您需要通过表单提交信息,但不希望用户更改它,那么使用 hidden 或 read only 效果很好。这两种方法都可以让您将额外的数据发送到服务器,这些数据我对用户提供没有意义,但服务器需要知道。
举个例子,看看你的堆栈溢出故事偏好。该示例是另一种比较常见的情况:可选择但不可编辑的字段。(然而,他们选择不使用真正的输入,只是让它看起来像一个,但其他时候并非如此)
推荐阅读
- javascript - HTML5 视频:未捕获的类型错误:无法读取未定义的属性“0”
- java - 给定 BinaryTree 创建递归方法
- wso2 - API Manager 和 Intergration Server 之间有什么区别?
- php - 如何修复PHP说框是空的
- python - 在 PyTorch 中将值从一个张量复制到另一个张量的最快方法是什么?
- c# - 哪些端口在运行时使用统一?
- javascript - 我需要帮助了解为什么我的 javascript 代码在一种情况下与另一种情况下不起作用
- jquery - Bootstrap Modal 在 chrome 和 chrome 检查器 DevTools 中显示,但在真实的 Iphone 上不会切换或显示
- python - OpenCV 调整大小失败
- python - OpenCV 没有实现 GOTURN 文件