在HTML表单中,可以使用<select>
标签创建一个下拉列表,并通过<option>
标签为其添加选项。要使下拉列表只读,可以使用disabled
属性。如果要将用户输入的数据与下拉列表中的选项关联,可以使用<input>
标签的type="hidden"
属性隐藏一个输入框,并将其值设置为所选选项的值。
以下是一个示例代码:
<form>
<label for="fruit-select">选择水果:</label>
<select id="fruit-select" name="fruit" disabled>
<option value="apple">苹果</option>
<option value="banana">香蕉</option>
<option value="orange">橙子</option>
</select>
<input type="hidden" name="fruit-value" value="">
</form>
在这个示例中,<select>
标签的disabled
属性使得下拉列表只读,而<input>
标签的type="hidden"
属性则隐藏了一个输入框,用于存储所选选项的值。
推荐的腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云