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表格:

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

一个字“美”!
相关文章
相关标签/搜索