Web前端 ---HTML語言表單（day003）

表單

<form>

标簽：表單

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

<form action="網頁連結位址" method="post">内容<form/>

表單的文本部分

需要用到的标簽：

<label for="name值">内容</label>

，該标簽作用是點選内容時跳轉至name值對應的文本框。

<input type="類型" id="userid" name="username" value="本标簽的預設值" size="20" readonly="readonly" placeholder="請輸入" disable="disable"/>

其中type是類型，一般有text（單行文本框），id是該标簽的id， name和value是給伺服器端遞交的資訊，name是可重複的，value是值 。size是文本框的尺寸。

<readonly="readonly">

是讓文本框隻讀。

<placeholder="請輸入">

是在無輸入時的提示資訊。

<disable="disable">

是禁用文本框，内容變為灰色不可用。

input基本文法

1.密碼框

<input type="password" value="123456" sizr="number"/>

當type是password時，單行文本框輸入将以黑色圓點形式顯示。value是初始密碼，size是密碼區的寬度。

2.單選框

<input type="radio" value="男" checked="checked"/>

當type是radio時，是單選選項。value是初始值，name須相同。

<checked="checked">

是預設選項。單選時必須填寫value值。

例如：

<form>
				男：<input type="radio" value="男"checked="checked" name="1"/>
				女：<input type="radio" value="女" name="1"/>
			</form>
           

建立了一個單選。

3.多選框

<input type="checkbox" value="預設值" name="複選框框名"/>

當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>
           

4.檔案選擇框

<input type="file" name="img"/ accept=".檔案字尾名,.檔案字尾名...">

當type為file時，建立一個檔案選擇框。name是檔案選擇框的名。

5.下拉框

<select name="名"><option></option></select>

創造一個下拉框。

<form>
	<select>
		<option>請選擇</option>
	</select>
</form>
           

6.多行文本域

<textarea cols="number" rows=""></textarea>

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

7.

<input type="reset" name="按鈕名稱" value="按鈕上顯示的資=字"

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

8.

<input type="submit" value="按鈕上顯示的内容">

當type為submit時，建立一個送出按鈕。value是按鈕上的顯示内容

9.

<input type="button" value="按鈕">

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

内聯架構

内聯架構

<iframe src="初始界面的位址" name="内聯架構的名稱。"width="寬度" height="高度" frame></iframe>

在你的頁面中内嵌一個網頁。src為初始顯示頁面的位址，name為你内嵌視窗的名稱。若要用内嵌視窗打開超連結可用：

<a href="網頁位址" target="_blank" rel="external nofollow" target="内聯架構name值"></a>

作者聯系方式：

qq945677662

vxa2482466921

如有錯誤，請幫忙指正，大家一起交流哈