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;
}