手機頁面是我們日常生活中不可或缺的一部分，許多網站都已經著眼于手機頁面的優化。而其中一個關鍵的優化手段就是使用合適的 CSS 樣式美化表單，讓用戶操作更加便捷。

下面是一些適用于手機頁面的表單樣式代碼，使用 pre 標簽呈現：

/* 去除默認外邊距 */
.form-wrapper {
margin: 0;
}
/* 輸入框樣式 */
.input-text {
width: 100%;
height: 32px;
border: 1px solid #ccc;
border-radius: 4px;
padding: 5px 10px;
font-size: 14px;
box-sizing: border-box; /* 保證 padding 不影響輸入框寬度 */
}
/* 提交按鈕樣式 */
.submit-button {
background-color: #4caf50;
color: #fff;
border: none;
border-radius: 4px;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
}
/* 懸浮樣式 */
.Submit-button:hover {
background-color: #3e8e41;
}

以上樣式簡單易懂，主要注意點是：
1.輸入框需要設置寬度、高度、邊框、圓角等；
2.提交按鈕需要設置背景顏色、字體顏色、邊框、圓角、內邊距等；
3.懸浮時需要變化背景色。

通過這些優化，我們可以使得手機頁面的表單更具美觀和易用性，提高用戶的滿意度，更好地服務用戶。