表單標(biāo)簽有哪些？分別做什么？

表單標(biāo)簽有哪些？分別做什么？表單用于搜集不同類型的用戶輸入，然后把用戶數(shù)據(jù)提交到服務(wù)器后臺(tái)，表單開發(fā)中用到了很多標(biāo)簽，如<form>標(biāo)簽 、<label>標(biāo)簽、<input>、<textarea> 標(biāo)簽、<select> 標(biāo)簽等，接下來我們一起來學(xué)習(xí)下。

表單標(biāo)簽學(xué)習(xí)目標(biāo)：掌握表單中常用的表單元素標(biāo)簽及使用方法。

一、什么是表單？

表單用于搜集不同類型的用戶輸入(用戶輸入的數(shù)據(jù))，然后可以把用戶數(shù)據(jù)提交到web服務(wù)器。

二、表單相關(guān)標(biāo)簽的使用

1. <form> 標(biāo)簽 表示表單標(biāo)簽，定義整體的表單區(qū)域

2. <label> 標(biāo)簽 表示表單元素的文字標(biāo)注標(biāo)簽，定義文字標(biāo)注

3. <input> 標(biāo)簽 表示表單元素的用戶輸入標(biāo)簽，定義不同類型的用戶輸入數(shù)據(jù)方式

type屬性?type="text" 定義單行文本輸入框

?type="password" 定義密碼輸入框

?type="radio" 定義單選框

?type="checkbox" 定義復(fù)選框

?type="file" 定義上傳文件

?type="submit" 定義提交按鈕

?type="reset" 定義重置按鈕

?type="button" 定義一個(gè)普通按鈕

4. <textarea> 標(biāo)簽 表示表單元素的多行文本輸入框標(biāo)簽 定義多行文本輸入框

5. <select> 標(biāo)簽 表示表單元素的下拉列表標(biāo)簽 定義下拉列表

6.<option> 標(biāo)簽 與 <select> 標(biāo)簽配合，定義下拉列表中的選項(xiàng)

代碼示例：

表單總結(jié)：表單標(biāo)簽是 <form> 標(biāo)簽，常用的表單元素標(biāo)簽有: <label> 、 <input> 、 <textarea> 、 <select> 等標(biāo)簽。

985大學(xué) 211大學(xué) 全國院校對比 專升本