亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

一.什么是表單？

html表單是網(wǎng)頁中數(shù)據(jù)采集的工具。

二、表單的組成

html表單由表單標簽<form>，表單域<input>，表單按鈕<button>三部分構(gòu)成。

三、表單標簽<form>的屬性

1.”name”：表單的名稱

2.”action”：當表單提交時向何處發(fā)送表單數(shù)據(jù)

3.”method”：“get”通過url地址傳送參數(shù)到服務(wù)器； “post”從后臺傳送數(shù)據(jù)到服務(wù)器

4”target”：指定“action”屬性中url頁面的打開方式，“_blank”在新窗口打開，“_self”在當前窗口打開，默認使用“_self”方式打開。

四、表單域<input>的屬性

1.”type”:指定元素的類型。

標簽type的屬性值包含：

(1)”text”:單行文本

<input type="text" name="username" value="元素的默認值，不能為空"/>

(2)”password”：密碼字段

<input type="password" name="password" id="pssword"/>

(3)”radio”:單選按鈕

<input type="radio" name="gender" value="male"/><label for="mal">男</label>

<input type="radio" name="gender" value="female"/><label for="femal">女</label>

(4)”checkbox”：復(fù)選按鈕

<input type="checkbox" name="hobby[]" id="game" value="php"/>游戲

(5)”button”:自定認按鈕

<input type="button" value="點擊"/>

(6)”submit”：提交按鈕

<input tpye="submit" value="提交"/>

(7)”reset”：重置按鈕

<input type="submit" value="重置"/>

(8)”file”：文件上傳

<input type="file" name="user_pic" id="userpic"/>

(9)”image”:

(10)”hidden”:隱藏域

<input type="hidden" name="MAX_FILE_SIZE" value="8388608"/>

2.“name”:元素的名稱

3.”id”:與指定元素的屬性進行綁定使用，具有唯一性。

4.”value”:元素的默認值，可以做占位符。

5.”placeholder”:設(shè)置默認值，可以為用戶提示信息。

6.”autofocus”:頁面渲染時，可自動獲取焦點。

7.”required”:為元素設(shè)置字段的必填項。

五、預(yù)定義的復(fù)合框：可以創(chuàng)建下拉列表

代碼演示：

<section>
<label for="area">地區(qū)：</label>
<input type="text" name="area" list="areas" />
<datalist id="areas">
<option value="鄭州市"></option>
<option value="許昌市"></option>
<option value="開封市"></option>
<option value="洛陽市"></option>
<option value="漯河市"></option>
<option value="南陽市"></option>
<option value="平頂山市"></option>
<option value="新鄭市"></option>
<option value="信陽市"></option>
<option value="駐馬店市"></option>
</datalist>
</section>
下拉列表運行效果：

六、表單運行效果圖：

總結(jié)：

1.表單是網(wǎng)頁制作的重點。要善于使用<label>標簽，<input>是單標簽，結(jié)尾不需要封閉。
2.將單選按鈕放在div里面，方便后期處理。
3.設(shè)置年齡、工資等數(shù)據(jù)時，需要添加“min”,”max”屬性對數(shù)據(jù)做限制。
4.下拉列表<datalist>標簽中需要添加“id”屬性來做元素指令的綁定。
5.沒有加樣式的表格真心丑。

批改老師：天蓬老師

批改狀態(tài)：合格

老師批語：現(xiàn)在, 寫對比好看更重要