用checkbox、dropdownbox、button、textbox、area做一个界面,把每个界面元素都用到.
时间: 2023-10-15 10:07:20 浏览: 39
好的,下面是一个简单的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>界面示例</title>
<meta charset="UTF-8">
</head>
<body>
<h1>界面示例</h1>
<form>
<label for="checkbox1">复选框:</label>
<input type="checkbox" id="checkbox1" name="checkbox1" value="选项1">
<label for="checkbox2">选项1</label>
<input type="checkbox" id="checkbox2" name="checkbox2" value="选项2">
<label for="checkbox3">选项2</label>
<br><br>
<label for="dropdownbox">下拉框:</label>
<select id="dropdownbox" name="dropdownbox">
<option value="选项1">选项1</option>
<option value="选项2">选项2</option>
<option value="选项3">选项3</option>
</select>
<br><br>
<label for="textbox">文本框:</label>
<input type="text" id="textbox" name="textbox" value="请输入文本">
<br><br>
<label for="textarea">文本区:</label>
<textarea id="textarea" name="textarea" rows="4" cols="30">请输入文本</textarea>
<br><br>
<button type="submit">提交</button>
</form>
</body>
</html>
```
这个界面包含了复选框、下拉框、文本框、文本区和一个提交按钮。用户可以在文本框中输入文本,选择下拉框中的选项,勾选复选框,最终点击提交按钮提交表单。