Simulateur de cultivation n+1
```html
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Formulaire de fiche de personnage</title>
<style>
*{margin:0;padding:0;box-sizing:border-box;font-family:"微软雅黑",sans-serif;}
body{background:transparent;padding:15px;}
/* 外层容器 */
.info-box{
width:100%;
max-width:480px;
margin:0 auto;
background:rgba(255,255,255,0.15);
border-radius:12px;
padding:20px;
border:1px solid rgba(180,140,90,0.3);
}
/* 每一行输入项 */
.item{margin-bottom:12px;}
label{
display:block;
color:#6b4c38;
font-size:14px;
margin-bottom:4px;
}
input,textarea{
width:100%;
border:1px solid #d9c7b8;
border-radius:6px;
padding:8px 10px;
background:rgba(255,255,255,0.6);
outline:none;
font-size:14px;
color:#333;
}
textarea{min-height:60px;resize:none;}
/* 按钮区域 */
.btn-wrap{
display:flex;
gap:10px;margin-top:15px;
}
button{
flex:1;
padding:9px 0;
border:none;
border-radius:6px;
cursor:pointer;
font-size:14px;
transition:0.2s;
}
.copy-btn{background:#c9a87c;color:#fff;}
.clear-btn{background:#b98b6b;color:#fff;}
button:active{opacity:0.8;}
</style>
</head>
<body>
<div class="info-box">
<div class="item">
<label>Nom</label>
<input type="text" id="name" placeholder="Veuillez entrer un nom">
</div>
<div class="item">
<label>Genre</label><input type="text" id="sex1" placeholder="Ex. : Homme / Femme / Intersexe">
</div>
<div class="item">
<label>Race</label>
<input type="text" id="sex2" placeholder="Ex. : Humain / Yao / Mo / Xian / Shen / Gui">
</div>
<div class="item">
<label>Âge (≥18)</label>
<input type="number" id="age" min="18" placeholder="Entrez un nombre supérieur ou égal à 18">
</div>
<div class="item">
<label>Racine spirituelle</label>
<input type="text" id="spiritAnimal" placeholder="Veuillez entrer votre racine spirituelle">
</div>
<div class="item">
<label>Niveau de cultivation</label>
<input type="text" id="spiritPower" placeholder="Veuillez renseigner">
</div>
<div class="item">
<label>Apparence</label>
<input type="text" id="phero" placeholder=“Veuillez remplir”>
</div>
<div class="item">
<label>Personnalité</label>
<textarea id="look" placeholder="Libre choix"></textarea>
</div>
<div class="item">
<label>Statut / Identité</label>
<textarea id="character" placeholder="Écrivez librement, sans sortir de l'univers"></textarea>
</div>
<div class="item">
<label>Secte d'appartenance</label>
<textarea id="identity" placeholder="Indiquez la secte que vous souhaitez rejoindre"></textarea>
</div>
<div class="btn-wrap">
<button class="copy-btn"onclick="copyAll()">Copier tout</button>
<button class="clear-btn" onclick="clearAll()">Tout effacer</button>
</div>
</div>
<script>
// 一键拼接所有内容并复制function copyAll(){
let text = `Nom : ${document.getElementById('name').value}
Premier genre : ${document.getElementById('sex1').value}
Second genre : ${document.getElementById('sex2').value}
Âge : ${document.getElementById('age').value}
Guide spirituel : ${document.getElementById('spiritAnimal').value}
Force spirituelle : ${document.getElementById('spiritPower').value}
Phéromone : ${document.getElementById('phero').value}
Apparence : ${document.getElementById('look').value}
Personnalité : ${document.getElementById('character').value}
Identité : ${document.getElementById('identity').value}`;
// 调用复制
navigator.clipboard.writeText(text).then(()=>{
alert('✅ Fiche de personnage copiée !');
}).catch(()=>{
alert('❌ Échec de la copie, veuillez copier manuellement');
})
}
// 一键清空所有输入
function clearAll(){
document.getElementById('name').value = '';
document.getElementById('sex1').value = '';
document.getElementById('sex2').value = '';
document.getElementById('age').value = '';
document.getElementById('spiritAnimal').value = '';
document.getElementById('spiritPower').value = '';
document.getElementById('phero').value = '';
document.getElementById('look').value = '';
document.getElementById('character').value = '';
document.getElementById('identity').value = '';
}
</script>
</body>
</html>
```Connectez-vous pour continuer la conversation.