如何创建一个输入框,其中2个部分不能使用默认文本编辑第一部分,而其余部分可由用户编辑.
< input type ='text'value ='只读'>< input type ='text'value ='editable>
混合2输入1输入.
解决方法
您可以尝试混合两个输入,如@DoeNietZoMoeilijk所提出的那样.
您可以通过HTML和CSS实现它,请尝试：
HTML：
<input type="text" value="Read only" id="first" readonly="readonly" /> <input type="text" value="Editable" id="second" />
CSS：
#first {
border-right: none;
}
#second {
border-left: none;
margin-left: -5px;
}
这里是示例代码段：
#first {
border-right: none;
}
#second {
border-left: none;
margin-left: -5px;
}
<input type="text" value="This is read only part" id="first" readonly="readonly" /> <input type="text" value="Editable" id="second" />
