前端学习之HTML 下拉框 文本框
在HTML中创建下拉框（<select>元素）和文本框（<input type="text">元素）的基本示例如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>下拉框和文本框示例</title>
</head>
<body>
<label for="fruits">选择一种水果:</label>
<select id="fruits" name="fruits">
<option value="apple">苹果</option>
<option value="orange">橙子</option>
<option value="banana">香蕉</option>
<option value="grape">葡萄</option>
</select>
<label for="user-input">输入您的名字:</label>
<input type="text" id="user-input" name="user-input">
</body>
</html>这段代码展示了如何创建一个下拉框和一个文本框，并且通过label元素为它们添加了描述。for属性关联了标签和对应的表单元素，使得点击标签时相应的表单元素也可以获得焦点。
评论已关闭