原生HTML支持的文本输入readonly与disabled在编辑、聚焦、提交上的区别,不将灰色外观当全部状态。
av手机天堂表单只读与禁用怎样分
av手机天堂相关网页阅读中,不能把“改不了”一律叫作禁用。对支持这些属性的原生文本输入,readonly禁止用户直接改值,但通常仍可聚焦并随表单提交;disabled控件不能聚焦,也不会作为正常表单控件提交。判断需看实际属性与控件条件,不能只看灰色背景。
直接回答
av手机天堂相关网页阅读中,不能把“改不了”一律叫作禁用。对支持这些属性的原生文本输入,readonly禁止用户直接改值,但通常仍可聚焦并随表单提交;disabled控件不能聚焦,也不会作为正常表单控件提交。判断需看实际属性与控件条件,不能只看灰色背景。
适用范围与例子性质
本文讨论标准HTML原生input type=text,采用原创离线模型,没有访问或测试任何同名网站。题设两个控件均有name,属于同一表单,没有禁用的外层fieldset,也没有脚本改写属性或另外拼接请求。结论不扩展为自定义控件的统一行为。
把编辑、聚焦、收集数据分开问
“不能修改”只回答了用户能否直接编辑值。它没有同时回答键盘焦点能否进入、复制是否方便、提交时会不会收集该字段。要写清界面状态,应把这三个问题分别记录,避免用一个外观标签代替全部交互语义。
- MDN说明readonly与disabled的差异涉及可聚焦和表单提交。只读不是隐藏,也不是普通文字标签;禁用也不表示数据一定被清空。值可能仍显示在屏幕上,但不进入标准提交的数据集合。
原创例子先固定所有相关条件
表单里有编号控件:type=text、name=id、value=A7、readonly;另有房间控件:type=text、name=room、value=B2、disabled。本例没有其他影响状态的外层禁用或脚本,两个值也不含真实个人资料。
- 页面上都能显示A7和B2,用户都不能像普通可编辑输入一样改值。但编号的只读状态与房间的禁用状态不同,不能因为相邻、颜色相同或都不能打字,就在说明里把两者合并。
按原生规则收集时,A7与B2不同命运
在题设条件下,构造表单数据可以包含id=A7;disabled房间控件不提供room=B2这一条。这里讨论的是控件是否被纳入浏览器构造的数据,不是服务器有没有批准某项业务,也不是提交按钮有没有呈现成功提示。
- MDN的FormData构造器文档说明,只包含符合条件的具名表单控件,禁用控件被排除。若应用另外通过脚本手工添加room值,那已经超出本题的原生收集条件,不能用来反驳题设内的区别。
移除name后,再问一次同样的问题
变式只移除编号控件的name,保留readonly与可见A7。它仍是只读文本控件,但标准构造表单数据时不会凭显示值自动创造一个字段名。因此“只读值会提交”必须带上具名、未被其他条件排除等前提。
- 这个变式提醒编辑:描述功能时不要删掉影响结果的条件。name、是否禁用、所属表单和脚本行为分别记录,才能知道哪个变化真正造成了提交集合的差异。
灰色与readonly属性都不能无限推广
页面样式可以把普通输入染灰,也可以把只读输入画得与可编辑输入相同。看见颜色只能描述外观,不能直接证明属性。反过来,readonly不是任意元素都支持的通用锁;本页限定为支持该属性的文本输入,不把同样写法套到select或按钮。
- 读者可以在自己有权操作的测试页面检查标记与行为,并注明浏览器和测试范围。本文图是规则模型,不是某个产品的实测截图,不宣称所有移动界面都呈现相同焦点样式。
客户端只读不是数据可信的证明
只读限制的是这一页面中的用户编辑交互,不应被当作服务端授权或数据完整性的证明。开发者仍需按自身业务规则核对收到的数据,不能因为界面显示只读就信任任意提交值。本文不提供绕过页面限制的操作方法。
- 同样,disabled只是浏览器表单控件状态;它不能代表账号被封禁、资源已经删除或系统正在保存。功能文案应说当前控件发生了什么,不让用户从一个灰色框猜出后台业务状态。
把检查结果写成可复查的三行
参考记录:编号id,readonly,值A7,可聚焦,本题原生数据集合包含;房间room,disabled,显示B2,不可聚焦,本题集合排除;网络请求和服务器保存未观察。三行把界面、收集过程与后台结果分层。
- 若要指导用户保留一个编号,可以说明它不可直接编辑且用于本次表单;若要暂时排除某项输入,可以解释禁用条件与何时可用。文案仍需与实际实现一致,不能把本页模型直接当作同名平台现有能力。
把方法变成行动
- 确认是支持属性的原生文本输入,记录name与所属表单。
- 分别检查直接编辑、焦点进入和数据收集三个问题。
- 按本题条件写出id=A7被包含、room=B2被排除。
- 移除name做纸面变式,说明结果变化来自哪个条件。
- 说明后台状态未观察,不把只读样式当安全或成功证明。
延伸阅读与支持范围
以下链接提供相关领域资料。本站的问题拆解、解释和练习为编辑设计,不表示外部机构认可本站全部内容。
数据透明度
参考资料及适用范围
关于这个问题的问答
readonly就是不能获得焦点吗?
不是。对本页原生文本输入,只读控件仍可聚焦;disabled控件不能聚焦。外观颜色不能替代实际属性判断。
禁用的B2仍看得见,为什么没有进入表单数据?
显示与数据收集不同。在本题无额外脚本的标准收集条件下,disabled房间控件被排除,即使显示值仍为B2。
只读但没有name的输入会自动提交吗?
本题的标准FormData收集不会为它自动生成字段名。具名且符合收集条件,是说明只读值被包含时必须保留的前提。
这能证明服务器成功保存了A7吗?
不能。本文只推演浏览器如何构造数据,没有观察网络或后台回执,不能据此宣称实际保存成功。
对应学习卡片
核对“即点即用”:预览、账号和权限
浏览、保存进度与离线下载是三个动作,可能有不同前提。按钮应告诉读者下一步是哪一个动作。
- 使用方式
- 阅读与实践
- 内容性质
- 教学材料
复盘结论:写清观察、解释与未知
文案范围冲突可以从材料直接核对;读者是否因此少看条件,需要另有行为记录,不能用感受代替测量。
- 使用方式
- 阅读与实践
- 内容性质
- 教学材料
继续阅读
三句承诺改写练习:手机学习页
先独立改写“全部免费、即点即用、随时退出”,再与下方参考答案比对。目标是让读者在点击前知道可用范围、必要前提和退出结果;未知信息仍写未知。
包含 5 个可复现步骤
阅读指南如何复盘:文案证据与行为证据
页面记录能说明条件如何呈现;它不能单独证明用户已受影响。复盘先核对每个结论对应的原句,再检查是否把未知写成事实,最后决定需要补页面材料还是行为证据。
包含 5 个可复现步骤
阅读指南