初識表單
今天我們來學習表單。
在我們的生活中，離不開表單，在我們新增賬號的時候，或者買東西輸入位址或者登陸賬号密碼的時候，這時候我們用到都是表單的内容。
我們就拿一個登入表單為例
我們需要一個文本輸入框輸入使用者名，需要一個密碼輸入框輸入密碼，需要一個送出按鈕進行登入，而這些東西都需要包裹在一個from标簽裡
通常在一個表單裡面，有許多表單控件，有文本框、密碼框、單選按鈕、複選框等等
這些表單控件全部都是由input标簽編寫出來的，但是一個标簽怎麼會有這麼多效果呢？
主要原因就在于input當中的type屬性，他有很多值，每個值對應不同效果
具體如下所示，左邊的每個值對應右邊的顯示效果：
掌握了上面這些，我們就可以編寫一個簡單的表單了
編寫簡單表單 我們來編寫一下上面的這個簡單的表單
我們先來分析一下它，這是一個4行3列的表格，根據我們之前學的表格的知識，我們先來制作出這樣一個表格
效果如下：
我們先來合并該表格
1.第一行的第一個單元格的rowspan=4，并且删除下面三個的第一列
2.第一行的最後一個單元格删除，讓第二個單元格clospan=2
3.最下面一行的最後一個單元格也删除，并且中間單元格clospan=2
顯示效果如下：
大緻的結構我們就編寫完成了，下面開始填寫内容
效果如下：
文字輸入完成後，我們就要開始編寫表單中的控件了
效果如下，使用者名和密碼可以輸入，但是按鈕隻是很小的一個和我們要做的效果差别很大
我們需要給按鈕加上vlue屬性文字，按鈕大小就會跟随文字的多少
效果如下
我們再來設定他們的對齊方式align
1.設定送出和重置按鈕為居中顯示align=”center”
2.使用者名和密碼文字為右對齊align=”right”
3.總體資訊為居中對齊align=”center”
但是現在有一個問題，我們點選送出和重置時沒有任何反應
這是因為我們現在所寫的按鈕隻是最普通的按鈕button，要想使按鈕有作用，我們現在缺少兩個條件：
1.整個表格不在from标簽内，action為表單送出的位址
2.按鈕要對應的type值，submit為送出，reset為重置
效果點選送出時，頁面就會有重新整理的動作
如果我們在action屬性中輸入一個網址，例如http://www.baidu.com，那麼點選送出的時候就會跳轉到百度首頁。
重置的将button改為reset即可。
我們來總結一下
1.四個需要記住的：
2.type中的屬性值含義：
--- 筆記來自于【千鋒教育】視訊