HTML 是一種常用的網頁標記語言，其中的表單是用戶和網站進行交互的重要組成部分。在 HTML 中，我們可以通過設置表單的大小來控制表單的外觀。下面我們就一起來學習如何設置 HTML 表單的大小。 首先，我們需要使用 HTML 的 form 標簽來創建一個表單，并且在其中添加表單元素。如下所示：

<form>
<input type="text" name="username"><br>
<input type="password" name="password"><br>
<input type="submit" value="登錄">
</form>

這是一個最基本的表單，包含了一個輸入用戶名的文本框、一個輸入密碼的密碼框和一個登錄按鈕。 然后，我們可以使用 CSS 來設置表單的大小。我們可以通過設置表單標簽的 width 和 height 屬性來控制它的寬度和高度。例如，下面的代碼設置了一個寬度為 300 像素、高度為 200 像素的表單：

<style>
form {
width: 300px;
height: 200px;
}
</style>
<form>
<input type="text" name="username"><br>
<input type="password" name="password"><br>
<input type="submit" value="登錄">
</form>

最后，我們需要記住，表單的大小不僅與表單本身有關，還與包含它的容器有關。如果我們希望表單在容器中居中顯示，可以設置容器的 text-align 和 line-height 屬性。如下所示：

<style>
.container {
width: 500px;
height: 300px;
border: 1px solid #ccc;
text-align: center;
line-height: 300px;
}
form {
width: 300px;
height: 200px;
display: inline-block;
}
</style>
<div class="container">
<form>
<input type="text" name="username"><br>
<input type="password" name="password"><br>
<input type="submit" value="登錄">
</form>
</div>

以上就是設置 HTML 表單大小的方法。希望本文能對大家有所幫助。