網(wǎng)頁(yè)設(shè)計(jì)與制作（活頁(yè)式） 課件 情景7-1 表單form

網(wǎng)頁(yè)設(shè)計(jì)與制作Form標(biāo)簽，input（文本框，密碼框），常用屬性授課教師：陳璇JavaScriptCSSHTMLHTML目錄CONTENTS12學(xué)習(xí)目標(biāo)知識(shí)講解學(xué)習(xí)目標(biāo)01學(xué)習(xí)目標(biāo)學(xué)習(xí)目標(biāo)01掌握f(shuō)orm標(biāo)簽學(xué)習(xí)目標(biāo)03了解常用屬性學(xué)習(xí)目標(biāo)02了解input標(biāo)簽（文本框，密碼框）表單

用表單相關(guān)標(biāo)記定義案例分析

01什么是表單，它有什么作用？

02表單屬性有哪些？那么，我們先思考幾個(gè)問(wèn)題：

03如何生成文本框和密碼框？02知識(shí)點(diǎn)講解表單概述

什么是表單呢？實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁(yè)的一種主要的外在形式交互溝通表單概述表單作用：采集用戶數(shù)據(jù)

用戶在表單中方完成信息的填寫單擊表單中的提交按鈕輸入的信息就會(huì)提交到服務(wù)器應(yīng)用程序會(huì)對(duì)信息進(jìn)行處理和響應(yīng)表單處理信息的一般過(guò)程表單信息的處理過(guò)程表單的組成部分提示信息01表單空間02表單域03表單的組成部分提示信息文本輸入框密碼輸入框復(fù)選框提交按鈕重置按鈕表單域表單標(biāo)簽<form>

如何創(chuàng)建一個(gè)表單呢？<form>標(biāo)簽作用：限定表單的范圍，即定義一個(gè)區(qū)域，單擊提交按鈕時(shí)，提交的也是這個(gè)區(qū)域內(nèi)的數(shù)據(jù)。攜帶表單的相關(guān)信息，如處理表單的腳本程序的位置、提交表單的方法等?；菊Z(yǔ)法<formname="form_name"method="get|post"action="url"...>…</form>基本語(yǔ)法小結(jié)<form>標(biāo)簽常用屬性屬性描述name設(shè)置表單名稱，用于腳本引用，可省略method定義表單內(nèi)容從客戶端傳送到服務(wù)器的方法，包括兩種方法：get和post；默認(rèn)時(shí)使用get方法action用于指定處理表單的服務(wù)端程序onsubmit用于指定處理表單的JS腳本，通常為腳本函數(shù)名POST和GET提交方法的比較get表示將表單數(shù)據(jù)附加到請(qǐng)求該頁(yè)的URL地址中進(jìn)行傳送。把參數(shù)數(shù)據(jù)隊(duì)列加到提交表單的ACTION屬性所指的URL中。用get方法不能傳送大容量數(shù)據(jù)數(shù)據(jù)傳送不安全而且容易被截取容易產(chǎn)生信息泄露POST和GET提交方法的比較POST方法則是以HTTP正文體形式發(fā)送，因而相對(duì)比較安全。使用GET表單默認(rèn)的提交方法是GET使用POST數(shù)據(jù)涉及到保密問(wèn)題傳送的數(shù)據(jù)是用于執(zhí)行插入或更新數(shù)據(jù)庫(kù)操作時(shí)表單表單是網(wǎng)頁(yè)上的一個(gè)特定區(qū)域，主要由下表所列標(biāo)簽來(lái)定義。標(biāo)簽描述<input>設(shè)置輸入表單元素<select>設(shè)置列表元素<option>定義菜單或列表元素中