将提交按钮放置在标题中

我有一些像这样的 HTML。


 <!DOCTYPE html>

            <html>

            <header>

                <title>

                    Page title

                </title>

            </header>

            <body>    

                <link rel="stylesheet" href="css/style.css">

                    <header class="main-header">

                        <h1>Header title</h1>

                    </header>

                <main>

                  <form action="upload">

                   <input type="text" id="fname" name="fname" value="John"><br>

                   <input type="text" id="lname" name="lname" value="Doe"><br><br>

                   <input type="submit" value="Submit" id="submit">

                  </form> 

                </main>

             </body>

        </html>

是否可以将提交按钮与标题(页面标题)对齐?


由于这是在表单标签之外,我不能只将按钮放置在标题标签内。


这可以用css来完成吗?


慕侠2389804
浏览 83回答 1
1回答

开满天机

尽管我强烈建议不要这样做,但您可以使用 css 强制按钮的位置:<input&nbsp;type="submit"&nbsp;value="Submit"&nbsp;id="submit"&nbsp;style="position:&nbsp;absolute;&nbsp;top:&nbsp;18px;&nbsp;left:&nbsp;180px;">通过添加,您可以使用和position: absolute设置窗口中的绝对位置。topleft
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Html5