在HTML中，可以使用input標簽來設置輸入框，而左邊輸入框則需要通過CSS來設置。下面我們來看一下如何設置。
/* 首先，我們需要通過CSS來定義輸入框的樣式 */
input {
border: none; /* 去掉邊框 */
padding: 10px; /* 設置內邊距 */
font-size: 16px; /* 設置字號 */
}
/* 接著，定義左邊輸入框和右邊按鈕的樣式 */
.left-input {
width: 50%; /* 左邊輸入框占據總寬度的一半 */
float: left; /* 左浮動 */
}
.right-btn {
width: 50%; /* 右邊按鈕占據總寬度的一半 */
float: right; /* 右浮動 */
background-color: #123456; /* 設置背景色 */
color: #fff; /* 設置文本顏色 */
border: none; /* 去掉邊框 */
padding: 10px; /* 設置內邊距 */
font-size: 16px; /* 設置字號 */
}
/* 最后，在HTML中使用上面定義的樣式來設置輸入框和按鈕 */
<div><input type="text" class="left-input" placeholder="請輸入內容" /><button class="right-btn">提交</button></div>通過以上代碼，我們就可以設置一個左邊輸入框和右邊按鈕的布局了。需要注意的是，CSS樣式需要寫在<head>標簽中的<style>標簽內，而HTML部分則可以寫在<body>標簽內。