html - 将提交按钮附加到输入

Question

我有一个输入类型按钮，用于验证表单输入类型文本。

例如，我已经看到，引导程序允许您将一些值附加到输入。我想知道如何将这个类型按钮的输入附加到我的文本类型输入中。

我已经添加了我的想法的屏幕截图，但我不确定我会选择哪种 CSS 策略。

谢谢

Answer 1

它只是一个带有文本字段的提交按钮

演示

HTML

<div class="wrap">
   <input type="text" />
   <input type="button" value="Demo" />
</div>

CSS

.wrap {
    display: inline-block;
    position: relative;
}

input[type=text] {
    padding: 10px;
    width: 300px;
    padding-right: 60px;
}

input[type=button] {
    padding: 2px;
    position: absolute;
    right: 5px;
    top: 5px;
}