使用水平显示的选项创建选择输入

【问题标题】：Create select input with options horizontally displayed使用水平显示的选项创建选择输入
【发布时间】：2022-08-24 07:42:15
【问题描述】：

我基本上想创建一个选择元素，它水平显示选项。看下面的例子：

该元素不必是选择输入，但它应该具有相同的功能。我认为单选按钮可以实现，但是看起来很复杂。应该只选择一个按钮，就像在选择元素中一样。然后我需要使用名称“标签”发布选定的值。

我很乐意收到有关此设计的一些建议或方法。

标签： html css forms input radio-button

【解决方案1】：

使用基本表单单选按钮将是一种方法，然后使用 css 隐藏实际输入，同时保留标签

Hide radio button while keeping its functionality

然后你只是按照你想要的方式设计标签

 <form action="form action goes here">
   <input type="radio" value="1">
   <label for="1">1</label> 
   <input type="radio" value="2">
   <label for="2">2</label> 
   <input type="radio" value="3">
   <label for="3">3</label> 
   <input type="radio" value="1">
   <label for="3">3</label> 
...and so on
</form>

【讨论】：