为了账号安全,请及时绑定邮箱和手机立即绑定

将提交按钮放置在标题中

将提交按钮放置在标题中

慕侠2389804 2024-01-03 17:05:33
我有一些像这样的 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来完成吗?
查看完整描述

1 回答

?
开满天机

TA贡献1786条经验 获得超13个赞

尽管我强烈建议不要这样做,但您可以使用 css 强制按钮的位置:

<input type="submit" value="Submit" id="submit" style="position: absolute; top: 18px; left: 180px;">

通过添加,您可以使用和position: absolute设置窗口中的绝对位置。topleft


查看完整回答
反对 回复 2024-01-03
  • 1 回答
  • 0 关注
  • 82 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信