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

好醜!作爲一個優秀的前端工做者即便直男審美也接受不了這種東西

一個字「美」!
相關文章
相關標籤/搜索