body {
font-family: Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
input[type="text"], select {
display: block;
width: 100%;
margin: 0 auto;
padding: 8px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 4px;
input[type="text"]:hover {
background-color: #e8e8e8;
CSS打字游戲
// 獲取輸入框和選擇框
const nameInput=document.getElementById('name');
const ageInput=document.getElementById('age');
const genderInput=document.getElementById('gender');
const heightInput=document.getElementById('height');
const weightInput=document.getElementById('weight');
const addressInput=document.getElementById('address');
// 獲取選中項的值
const gender=genderInput.value;
const height=heightInput.value;
const weight=weightInput.value;
const address=addressInput.value;
// 判斷選中項是否為空
if (gender==='male' || gender==='female') {
// 打印選中項的性別
document.getElementById('gender').innerHTML=gender;
} else if (gender==='other') {
// 打印其他選項
document.getElementById('gender').innerHTML='其他';
} else {
// 打印默認性別
document.getElementById('gender').innerHTML='男';
// 獲取輸入框的值
const name=nameInput.value;
const age=ageInput.value;
const gender=genderInput.value;
const height=heightInput.value;
const weight=weightInput.value;
const address=addressInput.value;
// 開始打字
nameInput.addEventListener('submit', function() {
// 打印選中項的文本
document.getElementById('name').innerHTML=name;
addressInput.addEventListener('submit', function() {
// 打印輸入框的文本
document.getElementById('address').innerHTML=address;
});
});