本站资源收集于互联网,不提供软件存储服务,每天免费更新优质的软件以及学习资源!

如何在HTML中正确地动态控制文本输入框的readOnly属性?

网络教程 app 1℃

如何在HTML中正确地动态控制文本输入框的readOnly属性

改变readonly属性的正确方式

在html中,readonly属性用于设置文本输入框是否可编辑。通常,开发者希望通过php代码动态改变readonly的值。但是,如代码所示,这种方法并不起作用:

<input type="text" id="name" name="name" value="<?php echo isset($_get[‘username’]) ? $_get[‘username’] : ”; ?>" placeholder="请输入您的姓名" readonly="<?php print(isset($_get[‘username’])?true:false); ?>">

问题在于readonly属性不是通过true和false值控制的。只要有readonly属性,不管后面是任何值,文本输入框都是不可编辑的。

正确的做法是使用以下代码:

<input type="text" value="<?php echo $_GET[‘userName’] ?? ”; ?>" <?php print(isset($_GET[‘userName’]) ? ‘readonly’:”); ?> >

在这种情况下,如果$_get[‘username’]存在,则文本输入框将被设置为readonly;否则,文本输入框将保持可编辑状态。

以上就是如何在HTML中正确地动态控制文本输入框的readOnly属性?的详细内容,更多请关注范的资源库其它相关文章!

转载请注明:范的资源库 » 如何在HTML中正确地动态控制文本输入框的readOnly属性?

喜欢 (0)