当前位置：文江博客话题详情

如何使用水平对齐的选项创建选择输入？

发布于 2025-02-10 05:34:04 字数 279 浏览 3 评论 0原文

我基本上想创建一个选择元素，其中选项 彼此相邻显示。像这样：

我该如何实现此设计？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

轮廓§ 2025-02-17 05:34:04

使用基本形式的单个按钮是一种方法，然后使用CSS隐藏实际输入，同时保持标签

保持其功能的同时

然后，您只是在设计标签，

 <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>

Using a basic form a radio button would be one way to do it and then hide the actual input using css while keeping the label

Hide radio button while keeping its functionality

then you are just styling the labels how you want them

 <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>

回复收藏 0 原文

~没有更多了~