表单输入框的 `readOnly` 属性：如何用代码实现控制可编辑性？

readonly属性仅能通过js修改吗？

文中提到的代码中，作者意图通过显示或隐藏readOnly属性来控制表单输入框的可编辑性。然而，此处却存在一个误解，readOnly属性不能接受true或false作为参数来控制。

readOnly属性本质上是一个布尔属性，即它只接受两个可能的值：有或没有。任何非空值都会使该属性生效，而空值则表示禁用该属性。

因此，正确的代码示例如下：

<input type="text" value="<?php echo $_GET['userName'] ?? '';?>" <?php print(isset($_GET['userName']) ? 'readonly':''); ?> />
<?php } ?>

登录后复制

代码中使用三元条件运算符来根据$_GET['userName']参数的存在情况有条件地添加readOnly属性。当参数存在时，表示用户指定了姓名，此时表单输入框将不可编辑；而当参数不存在或为空时，表单输入框将可编辑。

以上就是表单输入框的 `readOnly` 属性：如何用代码实现控制可编辑性？的详细内容，更多请关注抖狐科技其它相关文章！