用html写一个下拉表单
时间: 2023-10-03 17:11:31 浏览: 54
<!DOCTYPE html>
<html>
<head>
<title>下拉表单</title>
</head>
<body>
<form>
<label for="cars">选择一辆车:</label>
<select id="cars" name="cars">
<option value="volvo">沃尔沃</option>
<option value="saab">萨博</option>
<option value="mercedes">奔驰</option>
<option value="audi">奥迪</option>
</select>
</form>
</body>
</html>
相关问题
用JavaScript写一个日期下拉菜单
好的,我可以回答这个问题。以下是用 JavaScript 写一个日期下拉菜单的代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>Date Dropdown Menu</title>
</head>
<body>
<label for="date">选择日期:</label>
<select id="date">
<option value="">请选择</option>
</select>
<script>
var dateSelect = document.getElementById("date");
var currentDate = new Date();
var currentYear = currentDate.getFullYear();
var currentMonth = currentDate.getMonth() + 1;
var currentDay = currentDate.getDate();
for (var i = ; i < 365; i++) {
var date = new Date(currentYear, , 1);
date.setDate(date.getDate() + i);
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
var option = document.createElement("option");
option.value = year + "-" + month + "-" + day;
option.text = year + "年" + month + "月" + day + "日";
if (year == currentYear && month == currentMonth && day == currentDay) {
option.selected = true;
}
dateSelect.appendChild(option);
}
</script>
</body>
</html>
```
这个代码会生成一个日期下拉菜单,包含从当前日期往后的一年内的所有日期选项。用户可以从中选择一个日期,然后提交表单或执行其他操作。
用bootstrap写一个表单
好的,以下是一个简单的使用Bootstrap写的表单代码:
```html
<form>
<div class="form-group">
<label for="exampleFormControlInput1">Email address</label>
<input type="email" class="form-control" id="exampleFormControlInput1" placeholder="name@example.com">
</div>
<div class="form-group">
<label for="exampleFormControlSelect1">Example select</label>
<select class="form-control" id="exampleFormControlSelect1">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>
<div class="form-group">
<label for="exampleFormControlTextarea1">Example textarea</label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
</div>
</form>
```
这个表单包含了一个邮箱地址输入框、一个下拉选择框和一个多行文本输入框。可以根据需要自行修改和添加表单控件。