如何在html中保持输入文本和值不同

Question

我正在设计一个表单,其中我有一个输入文本字段,

我的文字是以下类型, abc-112233

新纪录的情景 -

我想要在字段中固定/不可编辑的前4个字符,即."abc-"和用户可以在连字符后键入数字,但是当提交表单时,我希望它以abc- 112233 提交,而不仅仅是112233.

因此,简而言之,我希望文本在输入中显示为112233(abc-fixed),但提交后的值应该是整个"abc-112233".

以前记录的更新方案 -

并且当输入字段根据数据库中的记录预先填充时,即.当记录需要更新时,我想将其显示为abc- 112233

我的代码是根据以下,

<div class="">
    <label for="inputError" class="">Name</label>
    <input 
         type="text" 
         id="" class="form-control" 
         name="name" 
         value="<?php 
                     if(isset($data->name)){ 
                         echo $data->name; 
                     } else{  
                         echo "";  
                     }
                ?>" 
         required
     > 
</div>

现在,价值是,

$data->name 

这是abc-112233.输入内显示的文字也是abc-112233,我希望文本为112233(左侧有abc固定/不可编辑),值为abc-112233

Answer 1

我不认为你只能在1个<input>元素内完成它,也许你可以尝试分成2个,一个固定为"abc-",另一个固定用户输入.然后您可以控制是否显示/隐藏固定的一个.