input控件有哪些？input在哪个库里
大家好,今天小编来为大家解答以下的问题，关于input控件有哪些，input在哪个库里这个很多人还不知道，现在让我们一起来看看吧！
HTML5中input元素新增加哪些type属性值它们有什么作用
在HTML5中，为input元素新增了以下一些type属性值，用来丰富文本框的类型。
color：用于指定颜色的控件。
date：用于输入日期的控件（年，月，日，不包括时间）。
datetime：基于 UTC时区的日期时间输入控件（时，分，秒及几分之一秒）。
datetime-local：用于输入日期时间控件，不包含时区。
email：用于编辑 e-mail的字段。
month：用于输入年月的控件，不带时区。
number:用于输入浮点数的控件。
range：用于输入不精确值控件。
search：用于输入搜索字符串的单行文本字段。换行会被从输入的值中自动移除。
tel：用于输入电话号码的控件。
time：用于输入不含时区的时间控件。
url：用于编辑URL的字段。。
week：用于输入一个由星期-年组成的日期，日期不包括时区。推荐你去一个教学网站秒秒学上把这些知识过一遍，夯实下基础。
imgui 控件有哪些
IMGUI（Dear ImGui）是一个简单、快速、轻量级的即时模式图形用户界面库，它拥有众多实用的控件。
一、窗口类控件
• Begin/End：用于开始和结束一个窗口的绘制。例如`ImGui::Begin("My Window");`，之后在其间绘制窗口内容，最后`ImGui::End();`。
• SetNextWindowPos/SetNextWindowSize：可设置下一个窗口的位置和大小。如`ImGui::SetNextWindowPos(ImVec2(100, 100)); ImGui::SetNextWindowSize(ImVec2(300, 200));`。
二、文本类控件
• Text：用于显示普通文本，如`ImGui::Text("Hello, ImGui!");`。
• TextColored：能以指定颜色显示文本，`ImGui::TextColored(ImVec4(1, 0, 0, 1),"Red Text");`。
三、按钮类控件
• Button：创建一个按钮，点击时返回true。比如`if(ImGui::Button("Click Me")){/*执行点击后的操作*/}`。
• SmallButton：较小尺寸的按钮。
四、输入类控件
• InputText：用于输入单行文本，`ImGui::InputText("Name", name, IM_ARRAYSIZE(name));`。
• InputInt/InputFloat：分别用于输入整数和浮点数。
五、滑块类控件
• SliderInt/SliderFloat：滑块用于在一定范围内选择整数或浮点数，如`ImGui::SliderInt("Value",&value, 0, 100);`。
六、组合框类控件
• Combo：提供一个下拉组合框供选择，`ImGui::Combo("Options",&selected_option, options, IM_ARRAYSIZE(options));`。
七、列表框类控件
• ListBox：以列表形式展示选项供用户选择。
这些控件能满足基本的图形用户界面交互需求，开发者可根据具体应用场景灵活组合使用。
input控件如何使其中一项有下划线
你可以通过在CSS中为input控件添加:focus伪类样式，来实现在输入框处添加下划线的效果。具体代码如下：
HTML代码：
```
<input matInput type="search" list="item-list">
<datalist id="item_list">
<option*ngFor="let node of fileList" [value]="node.name"></option>
</datalist>
```
CSS代码：
```
input:focus{
border-bottom: 1px solid black;
outline: none;
}
```
这里使用了:focus伪类样式，当input控件处于焦点状态时，CSS样式会对它生效，为其添加了一条下划线，并且去掉了默认的轮廓线。可以根据实际需求自定义下划线的颜色、样式等属性。
input控件有哪些和input在哪个库里的问题分享结束啦，以上的文章解决了您的问题吗？欢迎您下次再来哦！