HTML5提供了一系列新的表單控件和屬性，使得開發者可以更加靈活地構建表單，包括關于表單排列的布局。下面簡單地介紹一些HTML5表單排列的代碼，以及它們的效果。 在實現表單布局時，可以使用HTML5的新標簽“fieldset”和“legend”。fieldset標簽用于將表單中的一組相關數據放在一起，而legend標簽用于為fieldset元素提供標題。下面是一個例子：

<fieldset>
<legend>個人信息</legend>
<p>
<label for="name">姓名:</label>
<input type="text" id="name" name="name" placeholder="請輸入姓名">
</p>
<p>
<label for="age">年齡:</label>
<input type="number" id="age" name="age" min="0" max="150">
</p>
</fieldset>

在這個例子中，fieldset元素包含了兩個p元素，每個p元素包含一個label元素和一個input元素。這種方式可以將表單元素進行分組，清晰地展示表單的結構，也方便后期的樣式調整。 另外，在HTML5中，表單元素種類非常豐富，比如新增的email、url、date、search等類型的輸入框，可以更好地滿足不同的需求。下面是一個關于日期選擇的例子：

<p>
<label for="birthday">生日:</label>
<input type="date" id="birthday" name="birthday">
</p>

在這個例子中，可以通過type屬性指定輸入框的類型為date，用戶點擊輸入框時，會彈出日歷樣式的控件供用戶進行選擇。 除了以上介紹的方式，HTML5還提供了label元素的新屬性“for”和“form”，可以用于更方便地關聯表單元素和標簽，以及在多個表單中方便地轉移輸入框的值。 綜上所述，HTML5提供了許多新的表單控件和屬性，可以更好地滿足不同場景下的需求，同時提供了更加靈活的表單布局方式。開發者在使用HTML5表單時，可以根據具體需求選擇合適的元素和屬性，以達到更優雅、簡潔的代碼實現。