Question

我无法弄清楚如何放置我想要的输入（class =“button”）

HTML：

<div id="popup" class="overlay">
<div class="popup">
    <a class="close" href="#">×</a>
<div id="content"> 
<select required name="list" id="list">
  <option value="0" selected disabled>SELECT</option>
  <option value="option1.html">option 1</option>
  <option value="option2.html">option 2</option>
</select>
</div>
<input class="button-go" type="button" value="GO"onclick="gotonewpage()"/>

css：

    .button-go {
position:relative;
top: 1%;
left: 42%;
padding: 5px;
font-size: 1.2vw; 
background-color: #0D7BFF;
color:#FDFDFD;
border-radius: 10px;
border: 1 black; }

的javascript：

    <script type="text/javascript">
function gotonewpage()
{
    var url = document.getElementById('list').value;
    if(url != 'none') {
        window.location = url;
    }
}

该按钮用于从下拉框中提交值。我只能将按钮水平移动，但我不能把它放在我的下拉菜单旁边。

提前致谢

Answer 1

尝试更改display值。我还建议您在没有表单的情况下避免HTML中的<input type ="button">。最好用<button id="button" class="button-go">Send</button>编码。

如果不起作用，您还可以更改margin-left或margin-top，将按钮移动到所需位置。

如何放置输入（class =“button”）是我想要的

1 个答案: