HTML <input> align 属性

HTML input 标签参考手册 HTML <input> 标签

带有图像提交按钮的 HTML 表单，提交按钮对齐到右边：

<form action="demo_form.html">

  First name: <input type="text" name="fname"><br>
  <input type="image" src="/examples/submit.gif" alt="Submit" align="right" width="48" height="48">
</form>

尝试一下 »

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

注意：只有 align 属性的 "left" 和 "right" 值能在所有主流浏览器中正常工作。

定义和用法

HTML5 不支持 <input> align 属性。请使用 CSS 代替。

在 HTML 4.01 中，<input> 的 align 属性 已废弃。

align 属性只能与 <input type="image"> 配合使用，它规定图像输入相对于周围其他元素的对齐方式。

兼容性注释

在 HTML 4.01 中，<input> 的 align 属性已废弃。请使用 CSS 代替。

CSS 语法：<input type="image" style="float:right">

CSS 实例：对齐输入图像

<!DOCTYPE html>
<html>
<body>

  <form action="form_submit.php" method="get">
    First name: <input type="text" name="fname"><br> Last name: <input type="text" name="lname"><br>
    <input type="image" src="/examples/submit.gif" alt="Submit" style="float:right" width="48" height="48">
    <p>This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text.</p>
  </form>

  <p>Click on the image, and the input will be sent to a page on the server called "form_submit.php".</p>
  <p><b>Note:</b> The image input type sends the X and Y coordinates of the click that activated the image button as default.</p>

</body>
</html>

尝试一下 »

在我们的 CSS 教程中，您可以找到更多有关 float 属性的细节。

语法

<input align="left|right|middle|top|bottom">

属性值

值 描述
left 左对齐图像（默认）。
right 右对齐对象。
top 上对齐图像。
middle 居中对齐图像。
bottom 下对齐图像。
HTML input 标签参考手册 HTML <input> 标签