バイトのシフトフォーム #170
Description
<title>シフト希望フォーム</title>
<script>
const form = document.getElementById('shiftForm');
form.addEventListener('submit', function(event) {
event.preventDefault();
const formData = new FormData(form);
const data = Object.fromEntries(formData.entries());
console.log(data); // 仮保存（開発中）
document.getElementById('message').innerText = "送信ありがとうございました！";
form.reset();
});
</script>
シフト希望入力
名前：<label>月曜日：<input type="text" name="mon"></label><br>
<label>火曜日：<input type="text" name="tue"></label><br>
<label>水曜日：<input type="text" name="wed"></label><br>
<label>木曜日：<input type="text" name="thu"></label><br>
<label>金曜日：<input type="text" name="fri"></label><br>
<label>土曜日：<input type="text" name="sat"></label><br>
<label>日曜日：<input type="text" name="sun"></label><br><br>
<label>備考：<br><textarea name="notes" rows="4" cols="40"></textarea></label><br><br>
<button type="submit">提出</button>