前端input标签

1.button:

                <input type="button" value="提交"/>,显示一个名字叫提交的长方形按钮。

 

2.checkbox:

                <input type="checkbox" value="1"/>篮球,显示一个方形选择项，对于不同的选择项可以

重复选择。

 

3.color：

                <input type="text"/>,显示一个颜色选择器

4.date:

                <input type="date" />,显示一个日期选择器

5.datetime和datetime-local:

                datetime可以自己输时间，而datetime-local是一个时间选择器。

                <input type="datetime-local"/>
                <input type="datetime"/>

 6.email:

                输入框输入电子邮箱，<input type="email"/>。

7.file

                上传文件，<input type="file"/>。

 8.hidden:

                <input type="hidden"/>如果在传值过程中，想要控件不显示，但是存储值，可以使用hidden(我也不是很懂。。。）

9.image:

                <input type="image"/>,后可接src添加图片，以及alt改值。

10.month:

                <input type="month"/>,显示一个年月选择器，与date类似。

 11.number:

                <input type="number"/>,显示一个数字条，可按动按钮改变数字。

12.password:

                <input type="password"/>,显示一个文本框，输入的文本变为小黑点。

 

13.radio：

                <input type="radio" value="A" name="1"/>男，显示一个圆形选项，同一名字的选项不可重复选择。

14.range:

                <input type="range"/>,显示一个进度条，可移动。

 15.reset:

                <input type="reset"/>,显示一个重置按钮。

16.search:

                <input type="search"/>,显示一个搜索框。

 17.submit:

                <input type="submit"/>,显示一个提交按钮。

18.tel:

                <input type="tel"/>,如果想要输入框输入电话，并进行验证，可以设置为tel.

19.text:

                <input type="text"/>,显示一个输入框。

20.time:

                <input type="time"/>，显示一个时间选择器。

 21.url：

                <input type="url"/>，用来输入地址。

22.week:

                <input type="week"/>,显示日期的同时显示第几周。

最后，还是有点点折磨的。。。。。