php - 如何通过绑定(bind)到文本字段 ( input-group ) 来拒绝用户输入并允许从下拉列表中输入 (input-group-btn )

Question

我们使用 phpipam .

我们发现，如果直接在子网字段中输入数据，内置的 CIDR 计算将不会生效，并且可以将重叠的子网输入到数据库中。

我们希望在维护系统架构的同时拒绝用户直接输入字段，并允许用户通过下拉列表输入。

html显示的子网编辑页面

        <?php  if (!$showDropMenuFull){ ?>
            <input type="text" class="form-control input-sm input-w-200" name="subnet" placeholder="<?php print _('subnet in CIDR'); ?>"  value="<?php print @$cidr; ?>" <?php if ($readonly) print "readonly"; ?>>
        <?php } else { ?>
                    <div class="input-group input-w-200">
                            <input type="text" class="form-control input-sm input-w-200" name="subnet" placeholder="<?php print _('subnet in CIDR'); ?>" value="<?php print @$cidr; ?>">
                            <?php if (strlen($dropdown_menu)>0) { ?>
                            <div class="input-group-btn">
                                    <button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Select <span class="caret"></span></button>
                                    <ul class="dropdown-menu dropdown-menu-right dropdown-subnets">
                                            <?php print $dropdown_menu; ?>
                                    </ul>
                            </div>
                            <?php } ?>
                    </div>
                    <?php } ?>

Answer 1

尝试将readonly 属性添加到input。它应该阻止用户编辑 input 文本，但脚本应该继续能够编辑，并且它会在表单中提交。

它看起来像这样:

<input type="text" class="form-control input-sm input-w-200" name="subnet" placeholder="<?php print _('subnet in CIDR'); ?>" value="<?php print @$cidr; ?>" readonly="readonly">

您也可以使用没有值的readonly，但是如果您使用XHTML，请记住属性缩小是被禁止的，所以它必须是完整的。