Web前端 ---HTML語言表單

Web前端 —HTML語言表單

表單

標籤：表單

網頁表單中有許多可以輸入或選擇的元件，使用者可以在表單中填寫資訊，最終提交表單，可以客戶端資料提交至伺服器。action是遞交的伺服器地址 method是提交方法，有post和get。這裡採用post方式內容

表單的文字部分
需要用到的標籤：

內容 ，該標籤作用是點選內容時跳轉至name值對應的文字框。

其中type是型別，一般有text（單行文字框），id是該標籤的id， name和value是給伺服器端遞交的資訊，name是可重複的，value是值 。size是文字框的尺寸。<readonly=“readonly”>是讓文字框只讀。<placeholder=“請輸入”>是在無輸入時的提示資訊。<disable=“disable”>是禁用文字框，內容變為灰色不可用。

input基本語法
1.密碼框當type是password時，單行文字框輸入將以黑色圓點形式顯示。value是初始密碼，size是密碼區的寬度。

2.單選框當type是radio時，是單選選項。value是初始值，name須相同。<checked=“checked”>是預設選項。單選時必須填寫value值。

例如：

男：

3.多選框當type為checkbox時是建立一個核取方塊，value是預設值，name須相同。name相同時為一組，才能構成多選。

		<form>
			遊戲<input type="checkbox" value="遊戲" name="hobit" id="game" />
			程式設計<input type="checkbox" value="程式設計" name="hobit" id="program" />
			學習<input type="checkbox" value="學習" name="hobit" id="study" />
		</form>

1
2
3
4
5
4.檔案選擇框<input type=“file” name=“img”/ accept=".檔案字尾名,.檔案字尾名…">當type為file時，建立一個檔案選擇框。name是檔案選擇框的名。

5.下拉框

創造一個下拉框。

請選擇 1 2 3 4 5 6.多行文字域

創造一個多行文字域。cols是列長度，rows是行長度。

7.`當type為reset時，建立一個重置按鈕。重置表單內容為預設值。

8.當type為submit時，建立一個提交按鈕。value是按鈕上的顯示內容

9.當type為button時，建立一個普通按鈕，只能被點選觸發事件用。

內聯框架
內聯框架

在你的頁面中內嵌一個網頁。src為初始顯示頁面的地址，name為你內嵌視窗的名稱。若要用內嵌視窗開啟超連結可用：<a href="網頁地址"target=“內聯框架name值”>