八字起名免费测试
body {
fontfamily: Arial, sansserif;
margin: 0;
padding: 20px;
}
h1 {
textalign: center;
marginbottom: 30px;
}
form {
display: flex;
flexdirection: column;
width: 80%;
}

label {
marginbottom: 10px;
}
input[type="text"] {
width: 100%;
padding: 5px;
marginbottom: 15px;
}
button {
padding: 10px 20px;
backgroundcolor: 4CAF50;
color: white;
border: none;
cursor: pointer;
margintop: 20px;
}
.result {
margintop: 50px;
padding: 20px;
border: 1px solid ccc;
borderradius: 5px;
}
生辰八字智能起名免费测试
document.getElementById('nameForm').addEventListener('submit', function(e) {
e.preventDefault(); // 阻止表单提交
const birthDate = document.getElementById('birthDate').value;
// 这里是你的逻辑,模拟生成名字的过程,可以使用API或算法
// 例如,如果需要,你可以从后端获取或使用预设的数据
// 生成名字后,更新result区域
document.getElementById('result').innerText = `姓名建议:【生成的名字】,请根据五行八字进行选择和调整。`;
document.getElementById('result').style.display = 'block';
});