写一个html表单用上javascript有姓名性别男女可选爱好4种可选邮箱格式要求标准手机号码要求只能11位数字简介。绿色背景表单边框1px黑色
<!DOCTYPE html>
<html>
<head>
<title>表单</title>
<style>
body {
background-color: green;
}
form {
padding: 20px;
border: 1px solid black;
}
</style>
</head>
<body>
<form>
<label for="name">姓名：</label>
<input type="text" id="name" name="name" required><br><br>
<pre><code> <label for="gender">性别：</label>
<input type="radio" id="male" name="gender" value="male">
<label for="male">男</label>
<input type="radio" id="female" name="gender" value="female">
<label for="female">女</label><br><br>
<label for="hobbies">爱好：</label>
<input type="checkbox" id="reading" name="hobbies" value="reading">
<label for="reading">阅读</label>
<input type="checkbox" id="sports" name="hobbies" value="sports">
<label for="sports">运动</label>
<input type="checkbox" id="music" name="hobbies" value="music">
<label for="music">音乐</label>
<input type="checkbox" id="travel" name="hobbies" value="travel">
<label for="travel">旅游</label><br><br>
<label for="email">邮箱：</label>
<input type="email" id="email" name="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$" required><br><br>
<label for="phone">手机号码：</label>
<input type="tel" id="phone" name="phone" pattern="[0-9]{11}" required><br><br>
<label for="intro">简介：</label><br>
<textarea id="intro" name="intro" rows="5" cols="50"></textarea><br><br>
<input type="submit" value="提交">
</form>
<script>
// 在这里添加JavaScript代码
</script>
</code></pre>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/7CB 著作权归作者所有。请勿转载和采集!