table标签和input系列详讲

我们单独把这两类标签拿出来一起讲是因为我们在开发中比较常用这两类标签，但是这两类标签又比较复杂：

input标签:

input标签顾名思义是一种输入信息的标签，很重要的属性是type，type大概常用的属性有一下几种：
text,button,checkbox,file,password,radio,reset,submit,咱们挨个来试一下

但是我们试了试看到了个问题，好像点击重置和提交没有什么用处。这是因为 在HTML中，表单是由 <form>元素来表示的，我们可以简单的理解为用from去规定一个区域内的input元素是一个整体，大家同心协力的工作。那么我们把代码改成下面的样子试试：

然后我们先点击提交试一下

点击之后表单内的信息都清空了然后传递到了url上面
然后我们点击重置之后表单内的信息会被重置掉
input标签还有个重要的属性是value：

标示这input元素的值，当然我们会通过控制value去处理input的值，大家可以通过改变不同的type属性来试一试体会一下input标签的强大功能
传送门： www.w3school.com.cn/tags/tag_in…

table标签：

table标签下面带着tr和th(就类似于ul/ol和li的关系)
tr表示的是行数，th表示列数，下面我们简单的写一下两行两列的一个table表格：

好丑！做为一个优秀的前端工作者即使直男审美也接受不了这种东西

一个字“美”！