Ⅰ 何爲表單
表單是HTML中獲取用戶輸入的手段，對於web應用系統極其重要。
比如這個搜索框，就是一個表單，用戶可以在上面輸入任何字符，然後進行相應的操作。
比如這個淘寶的登錄框，也是個表單，用戶輸入的信息會被傳送到服務器，然後進行登陸操作。
所以，幾乎每個網站都會有表單。
Ⅱ 關鍵表單元素
| form | 用於爲用戶輸入創建HTML表單 |
|---|---|
| input | 用於蒐集用戶信息 |
Form元素屬性
| methon(僅參考) | 用於發送form-data的http方法 |
|---|---|
| action(僅參考) | 當提交表單時向何處發送表單數據 |
input元素屬性
| type | input元素的類型 |
|---|---|
| value | input元素的值 |
input的屬性多達29種，在這篇文章中，我只講解常用的十幾種。
通過form和input我們可以建立一個最簡單的表單。
<!DOCTYPE html>
<html>
<head>
<title>創建表單</title>
</head>
<body>
<form>
<input type="text">
</form>
</body>
</html>
效果如下👇
可以看到，我可以任意輸入任何字符，且沒有長度限制。
<input type="text">可以建立一個單行文本框。這也是最基本的表單元素，下面我來講解其他屬性。
Ⅲ input常用屬性
A. 佔位符
通過對value=""的賦值，可以實現佔位的效果。
<form>
<input type="text" value="YZH">
</form>
效果如下👇
當我再輸入的時候，
‘
可以看到是直接在這個後面進行輸入的。
並且前面的佔位符是可以刪除的。
B. 不佔文本框的佔位符
比如說打開CSDN，我們看到的表單是這樣的
當你要輸入時，會變成這樣
輸入內容後，這個Python進階之路就消失了。這樣的表單是如何實現的呢？
就是input的placeholder屬性
<input type="text" placeholder="YZH">
效果如下👇
當我輸入的時候就會有相同的效果。
這就是實際上不佔用文本框的佔位符的實現。
C. 限制輸入的字符數
前幾個我們輸入的單行文本框，可輸入的字符都是無限的，可以一直輸入下去，但是一般的搜索引擎，最多字數都是20個左右，
所以我們如果要限制輸入的字數的話，需要一個屬性maxlength
<input type="text" placeholder="YZH" maxlength="8">
運行結果如下👇
作爲對比，上面的是不限字數的。
當我限制了最大字數爲8的時候，我是無法再多輸入的。
D. 拓寬單行文本框
前幾個文本框，都是定死的，如何能讓文本框變大能同時顯示更多的內容呢？這就需要一個參數size
<input type="text" placeholder="YZH" size="60">
效果如下👇
E. 只讀
增加一個參數readonly，就可以將文本框的內容變成只能讀取，不能更改或者增添的內容。
<input type="text" value="YZH" readonly>
F. 密碼
我還是拿淘寶登錄來舉例子。
一般情況下我們輸入的密碼，顯示到屏幕上都會是小黑點。那麼這一點是如何u做到的呢？
答案就是password屬性。這個是type的一個類型。
<input type="password" placeholder="密碼">
效果如下👇
當我們輸入時👇
就變成這樣的小黑點啦。
G. 文本框大小的設定
通過size我們可以把文本框拓寬，但是整體放大需要另一個屬性textarea rows和cols
<textarea rows="30" cols="30">YYYYYYYYYYYYYYYYYYYYYYYYYYYYY</textarea>
結果如下👇
以上就是創建表單的基本內容。