css教程系列18:HTML 表單和inut各個常用標籤

1 HTML 表單和輸入

1.1 HTML 表單介紹

表單是一個包含表單元素的區域。

表單元素是允許用戶在表單中輸入內容,比如:文本域(textarea)、下拉列表、單選框(radio-buttons)、複選框(checkboxes)等等。

表單使用表單標籤 <form> 來設置:

例子:表單內的 文本輸入框

<form>
.
<input  type="text">
.
</form>

1.2 表單input控件輸入類型

多數情況下被用到的表單標籤是輸入標籤(<input>)。

輸入類型是由類型屬性(type)定義的。大多數經常被用到的輸入類型如下:

 1.2.1 text 文本輸入類型:

文本域通過<input type="text"> 標籤來設定,當用戶要在表單中鍵入字母、數字等內容時,就會用到文本域。

 

 

 1.2.2 password 密碼輸入類型

文本域通過<input type="password "> 標籤來設定,當用戶要在表單中"鍵入非顯示密碼"等內容時,就會用到文本域。

 

1.2.3 checkboxes 多選框類型

文本域通過<input type="checkboxs"> 標籤來設定,當用戶要在表單中"鍵入多項選擇"等內容時,就會用到文本域。

 

1.2.4 radio 單選框

文本域通過<input type="checkboxs"> 標籤來設定,當用戶要在表單中"鍵入單選內容時"等內容時,就會用到文本域。

 

1.2.5 submit提交按鈕

文本域通過<input type="submit"> 標籤來設定,當用戶要在表單中"提交其他input值時"等內容時,就會用到文本域。

 

 

 1.2.6 select選擇按鈕

文本域通過<input type="select來設定,當用戶要在表單中"進行多項選擇",等內容時,就會用到文本域。

 

 1.2.7 file文件提交按鈕

文本域通過<input type="file來設定,當用戶要在表單中"進行上傳文件",等內容時,就會用到文本域。

 

 

發佈了74 篇原創文章 · 獲贊 5 · 訪問量 3萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章