HTML表单控件锁定大揭秘！readOnly VS disabled，你会选择哪个？

各位亲们！跟大家聊聊网页设计，都清楚网页有各种表单？当然咯，表单在网页里可是很重要滴。但是有时候我们希望某些表单中的控件保持固定不换，比如像找回密码页这种地方，用户名字咋能随便动。

想在HTML上禁掉控件？很简单，有两个办法！首先，给标签添加属性readOnly=”readonly”,这样就能锁定它了；其次，加上一个disabled=”disabled”,效果也差不多，就是让控件无法启用。两者都能帮到你。

来看看这个控件！它就像是”只读”的，就是说你可以看到，但是不能改。问能用吗？完全可以访问！只不过程序员才能通过JavaScript改变。别看它不起眼，即使你无法操作，但服务器还是能收到它的名称和值的。当提交时，这些信息会直接送到服务器。

那些被上锁（即disabled属性已添加）的控件，你别想碰它，就连服务器也找不到它当我们提交表格时，这些锁住的控件名称和值都会消失不见。不过不用担心，编程高手们可以用JavaScript玩些花样，偷偷地更改它们的值哦～

哦原来如此！现在你肯定懂俩家伙区别在哪了！清楚差别的话，看情况挑个合适的办法就行，别瞎折腾。

，其实很简单，这个readonly属性，只能看不能动，服务器还是知道你看过什么的；至于那个disabled属性？哦豁，服务器啥都不知道了，别人也别想乱摸。搞网页设计的时候，就得看具体需求来选择用哪种方法咯。

明白咋回事儿了吗？要控件只能看不能动，还得让服务器知道的话，选 readonly 就行；但只阻止控件更改，不让服务器知道，就要用 disabled。记住，选对方法最重要。今天我们来讲讲如何关闭讨厌的网页表单控件。希望这篇短文能帮上忙！有不懂的地方或想法，就在评论区留言讨论！别忘了点赞加分享！