CSS和JS是web開發中最常用的技術之一，今天我們來看看如何用這兩種技術制作一個表單。

首先，我們需要先設計好表單的樣式。這可以通過CSS來實現。在CSS中，我們可以設置表單的背景顏色、邊框樣式、字體樣式等等。以下是一個例子：

form {
background-color: #f2f2f2;
border: 1px solid #ccc;
font-family: Arial, sans-serif;
padding: 20px;
}

上面的代碼會將表單的背景顏色設置為淡灰色，邊框樣式為1px粗的灰色實線，字體樣式設置為Arial或sans-serif，同時在表單內容周圍添加20px的內邊距。

然后，我們需要用JS來驗證表單輸入的數據是否合法。例如，當用戶輸入的郵箱格式不正確時，我們可以使用JS來提示用戶重新輸入正確的格式。以下是一個例子：

function validateEmail() {
var email = document.getElementById("email").value;
var regex = /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/;
if(!regex.test(email)) {
alert('請輸入正確的郵箱格式');
return false;
}
return true;
}

上面的代碼定義了一個JS函數，用于驗證用戶輸入的郵箱格式是否正確。如果驗證失敗，它會顯示一個彈窗提示用戶重新輸入正確的格式。

最后，我們需要將CSS和JS應用到HTML文檔中的表單元素上。以下是一個例子：

<form id="myForm" name="myForm" onsubmit="return validateEmail()">
<label for="email">電子郵箱:</label>
<input type="email" id="email" name="email" required>
<button type="submit">提交</button>
</form>

上面的代碼用<form>標簽定義了一個表單，用<input>標簽定義了一個電子郵箱輸入框，并用<button>標簽定義了一個提交按鈕。在<form>標簽上，我們調用了validateEmail()函數，以驗證輸入的電子郵箱格式是否正確。

綜上所述，通過CSS和JS，我們可以輕松地制作出一個美觀且具有數據驗證功能的表單，為Web應用的用戶體驗提供保障。