input属于什么元素？element元素
大家好，今天小编来为大家解答input属于什么元素这个问题，element元素很多人还不知道，现在让我们一起来看看吧！
在HTML代码中input是什么意思
HTML中<input>标签用于搜集用户信息，简单来说就是用户在网页输入的信息都是写在<input>标签中。
<input>根据不同的 type属性值，输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等很多种形式。
textarea是文本域，input属于表单组件，text是文本框。
示例图如下：
扩展资料：
HTML的<input>标签具体的用法：
1、首先设置两个input标签，里面的type值分别表示文本输入和密码输入，这是最常用的两种input标签：
2、其次就是单选按钮了，这里把type值设置为“radio”，设置性别是一个单项选择，此时就得加上一个name属性，这样单选按钮就完成了：
3、然后是复选框的使用，这里把type值设置为“CheckBox”就可以了：
4、最后就是上传文件或图片的按钮也经常用到，这里则需要将type值设置为“file”即可：
5、最后，打开浏览器，就可以看到所有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：用于输入一个由星期-年组成的日期，日期不包括时区。推荐你去一个教学网站秒秒学上把这些知识过一遍，夯实下基础。
input元素hidden属性和text属性的取值问题,
css中display和visibility语法，他们都可以隐藏和显示html元素。看齐来他们很相似，所以很多人还是会搞错。
谈们的属性分别如下：
display:none|block;
display:none;时隐藏该html元素，确切的说，是在浏览器中消除该元素，不占屏幕的空间。若其下有其他元素，就会上移到该空间区域（好像桌子上有100块钱，现在我把它放在抽屉里藏起来，桌子上放100钱的地方可以放在其他任何东西）。
dispaly:block;显示已经隐藏的html元素，如果别的元素占有了该空间时，他将下移，空间重新别原来的元素占有。（把100块钱重新从抽屉里那出来放回桌子上）
visibility：hidden|visible;
visibility:hidden;隐藏该元素，正真的隐藏，但他还占有那块空间。这时，（桌子上有100块钱，这是我盖了桌布把他隐藏起来，钱还在那里）。
visibility:visible;让元素显示（拿掉了桌布，看到了100块钱）。
接下来用代码来举个例子，代码：
<html>
<head>
<script type="text/javascript">
function testDisplay()
{
var divD= document.getElementById("testD");
if(divD.style.display=="none")
{
divD.style.display="block";
}
else
{
divD.style.display="none";
}
}
function testVisibility()
{
var divV= document.getElementById("testV");
if(divV.style.visibility=="hidden")
{
divV.style.visibility="visible";
}
else
{
divV.style.visibility="hidden";
}
}
</script>
</head>
</body>
<div id="testD" style="border:#ddd 1px solid">
<div style="display:block;border:#ccc 2px solid">
<div style="visibility:visible;border:#aaa 2px solid">
Display
</div>
</div>
</div>
<div id="testV" style="border:#ddd 1px solid">
<div style="display:block;border:#ccc 2px solid">
<div style="visibility:visible;border:#aaa 2px solid">
Visibility
</div>
</div>
</div>
<input type="button" value="TestDisplay" onclick="testDisplay()"/>
<input type="button" value="TestVisibility" onclick="testVisibility()"/>
</body>
</html>
运行一下框中的代码就可以看到，当testD隐藏时，里面所有的框都隐藏，而且下面的divV和按钮都上移，而当divV隐藏的时候，只有他自己隐藏了，里面的其他元素都没有隐藏。（这里主要是把里面的div元素style属性设置为display和visible，如果去掉也会隐藏，但是，按钮还是不会上移，可以试一下。）
input属于什么元素和element元素的问题分享结束啦，以上的文章解决了您的问题吗？欢迎您下次再来哦！