用html写一个表单 内容包括姓名输入框 年龄输入框 年级下拉选择框 性别选择框 专业下拉选择框 手机号码输入框 确定提交按钮 label标签改成span标签
时间: 2024-05-12 09:16:25 浏览: 108
好的,以下是HTML表单代码:
```html
<form>
<div>
<span>姓名:</span>
<input type="text" name="name">
</div>
<div>
<span>年龄:</span>
<input type="text" name="age">
</div>
<div>
<span>年级:</span>
<select name="grade">
<option value="1">一年级</option>
<option value="2">二年级</option>
<option value="3">三年级</option>
</select>
</div>
<div>
<span>性别:</span>
<label>
<input type="radio" name="gender" value="male">男
</label>
<label>
<input type="radio" name="gender" value="female">女
</label>
</div>
<div>
<span>专业:</span>
<select name="major">
<option value="cs">计算机科学与技术</option>
<option value="ee">电子工程</option>
<option value="me">机械工程</option>
</select>
</div>
<div>
<span>手机号码:</span>
<input type="tel" name="phone">
</div>
<button type="submit">确定提交</button>
</form>
```
如果你需要把label标签改成span标签,可以直接使用CSS来控制样式:
```html
<style>
label {
display: none;
}
span {
display: inline-block;
min-width: 100px;
text-align: right;
margin-right: 10px;
}
</style>
<form>
<div>
<span>姓名:</span>
<input type="text" name="name">
</div>
<div>
<span>年龄:</span>
<input type="text" name="age">
</div>
<div>
<span>年级:</span>
<select name="grade">
<option value="1">一年级</option>
<option value="2">二年级</option>
<option value="3">三年级</option>
</select>
</div>
<div>
<span>性别:</span>
<span>
<input type="radio" name="gender" value="male">男
</span>
<span>
<input type="radio" name="gender" value="female">女
</span>
</div>
<div>
<span>专业:</span>
<select name="major">
<option value="cs">计算机科学与技术</option>
<option value="ee">电子工程</option>
<option value="me">机械工程</option>
</select>
</div>
<div>
<span>手机号码:</span>
<input type="tel" name="phone">
</div>
<button type="submit">确定提交</button>
</form>
```
希望这可以帮到你!
阅读全文