使用H5写一个表单,内有姓名、性别单项选择、年龄、星座下拉选择、血型下拉选择、生肖下拉选择、职业、手机、邮箱、个性签名、个人说明
时间: 2023-09-18 14:13:27 浏览: 58
好的,以下是一个简单的 H5 表单,包含了您所需要的所有输入项:
```html
<form>
<label for="name">姓名:</label>
<input type="text" id="name" name="name" required><br><br>
<label>性别:</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="age">年龄:</label>
<input type="number" id="age" name="age" min="0" max="200" required><br><br>
<label for="constellation">星座:</label>
<select id="constellation" name="constellation">
<option value="">请选择</option>
<option value="白羊座">白羊座</option>
<option value="金牛座">金牛座</option>
<option value="双子座">双子座</option>
<option value="巨蟹座">巨蟹座</option>
<option value="狮子座">狮子座</option>
<option value="处女座">处女座</option>
<option value="天秤座">天秤座</option>
<option value="天蝎座">天蝎座</option>
<option value="射手座">射手座</option>
<option value="魔羯座">魔羯座</option>
<option value="水瓶座">水瓶座</option>
<option value="双鱼座">双鱼座</option>
</select><br><br>
<label for="bloodType">血型:</label>
<select id="bloodType" name="bloodType">
<option value="">请选择</option>
<option value="A型">A型</option>
<option value="B型">B型</option>
<option value="O型">O型</option>
<option value="AB型">AB型</option>
</select><br><br>
<label for="zodiac">生肖:</label>
<select id="zodiac" name="zodiac">
<option value="">请选择</option>
<option value="鼠">鼠</option>
<option value="牛">牛</option>
<option value="虎">虎</option>
<option value="兔">兔</option>
<option value="龙">龙</option>
<option value="蛇">蛇</option>
<option value="马">马</option>
<option value="羊">羊</option>
<option value="猴">猴</option>
<option value="鸡">鸡</option>
<option value="狗">狗</option>
<option value="猪">猪</option>
</select><br><br>
<label for="occupation">职业:</label>
<input type="text" id="occupation" name="occupation" required><br><br>
<label for="phone">手机:</label>
<input type="tel" id="phone" name="phone" required><br><br>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email" required><br><br>
<label for="signature">个性签名:</label>
<input type="text" id="signature" name="signature"><br><br>
<label for="description">个人说明:</label>
<textarea id="description" name="description"></textarea><br><br>
<input type="submit" value="提交">
</form>
```
注意,以上表单仅作为示例,您可以根据您的实际需求进行修改和扩展。