xhtml與cssppt課件(編輯修改稿)
2025-02-15 19:38 本頁面
【文章內(nèi)容簡介】 如百度 ） url?表單元素 1的 name=表單元素 1的 value amp。表單元素 2的 name=表單元素 2的 value…… form name=f action=s input type=text name=wd id=kw size=42 maxlength=100 input type=submit value=百度一下 id=sb /form form標(biāo)記常見屬性 action ?action：接一個動態(tài)網(wǎng)頁名 form name=test method=“post action=4 設(shè)置 action屬性后會產(chǎn)生兩個作用： 1點擊該表單的提交按鈕將會鏈接到該網(wǎng)頁 2 同時還會將表單中輸入的數(shù)據(jù)發(fā)送給該網(wǎng)頁進(jìn)行處理 ?如果將 action屬性值設(shè)置為空將由當(dāng)前網(wǎng)頁對提交數(shù)據(jù)進(jìn)行處理 表單數(shù)據(jù)提交后 ?表單將數(shù)據(jù)提交給動態(tài)頁后，動態(tài)頁通過request對象取下數(shù)據(jù)，就能進(jìn)行處理了，如把這些數(shù)據(jù)存入數(shù)據(jù)庫，或按這些數(shù)據(jù)進(jìn)行查詢等。 % dim userName,PS userName=(userName) PS=(PS) 你輸入的用戶名是 :amp。userName br你輸入的密碼是 :amp。PS % form標(biāo)記常見屬性 ?enctype：一般不需要設(shè)置，如果表單中有文件上傳對象，則設(shè)置該屬性值為multipart/formdata ?name和 id：在表單的接收頁面只接收有name屬性的表單元素，賦 ID的元素通過表單是接收不到值的 ?target：接收頁是否在新窗口打開，和 a標(biāo)記的該屬性類似 表單中的元素 DW中表單對象與標(biāo)記的對應(yīng)關(guān)系 ?表單域 form標(biāo)記中包含的表單標(biāo)記主要有 input，select (option)， textarea等 ?在 DW中表單對象面板中的對象與這些標(biāo)記的對應(yīng)關(guān)系是： input表單元素的通用標(biāo)記 ?input標(biāo)記是收集用戶輸入信息的標(biāo)記，是一個單標(biāo)記，其 含義由 type屬性決定 。 ?input標(biāo)記的必備屬性（必須具有的屬性） ? name：表單元素的名稱，由于表單中通常有很多表單元素，服務(wù)器要根據(jù) name屬性獲取相應(yīng)元素的內(nèi)容。 ? type：確定 input標(biāo)記的含義 ?其他常見屬性 value （ input標(biāo)記的取值） size：文本域的寬度 inputtype屬性的取值 ?input標(biāo)記的 type屬性總共有 10種取值 ， 含義如表 1所示： type屬性值 描述 text 文本域 password 密碼域 file 文件域 checkbox 復(fù)選框 radio 單選框 button 普通按鈕 submit 提交按鈕 reset 重置按鈕 hidden 隱藏域 image 圖像域 (圖像按鈕 ) 文本域 type=text ?文本域舉例： 查詢： input type=text name=seach size=20 onfocus==39。39。 value=請輸入關(guān)鍵字 / input標(biāo)記中的 size屬性是定義文本域的寬度 文本域?qū)僦? 描述 name 或 id 文本域的名稱或 id maxlength 文本域的最大輸入字符數(shù) size 文本域的寬度 value 文本域的默認(rèn)值 單選框 type=“radio” ?單選框舉例： input type=“radio” name=“gender” value=“F” /女性 input type=radio name=gender value=M checked=checked /男性 ?checked屬性設(shè)定初始時單選按鈕哪項處于選定狀態(tài)，同一組單選按鈕 name屬性的值 必須相同，這樣這一組單選框中只有一個能被選中。 復(fù)選框 type=“checkbox” ?復(fù)選框，可以選中多項 ?input name=“checkbox” type=“checkbox” value=“1” checked=“checked” /看書 input name=“checkbox2” type=“checkbox” value=“2” /上網(wǎng) input type=checkbox name=checkbox3 value=“3 /聽音樂 文件域 type=file ?input type=file name=“upfile / ?供上傳文件用，需要服務(wù)器端的上傳組件配合 ?文件域?qū)Ρ韱螛?biāo)記 form有特殊要求，method必須設(shè)為 post， MIME類型必須為multipart/formdata 按鈕 ?提交按鈕 (type=submit) 將表單中所有具有 name屬性的元素內(nèi)容發(fā)送到服務(wù)器端指定的應(yīng)用程序 ?重置按鈕 (type=reset) 用戶在填寫表單時，若希望重新填寫，單擊該按鈕將使全部表單元素的值還原為初始值 ?普通按鈕 (type=button) 該按鈕沒有內(nèi)在行為，但可用 javascript為其指定動作 圖像域 type=image ?即圖像按鈕，用一張圖片做按鈕，功能和提交按鈕相同 input type=image name=“tijiao src=images/ / 下拉菜單 select和 option標(biāo)記 ? select標(biāo)記是下拉菜單框或列表框標(biāo)記，是一個標(biāo)記的含義由其 size屬性決定的元素，如果該標(biāo)記沒有設(shè)置 size屬性，那么表示為下拉菜單框，如果設(shè)置了 size屬性，則變成了列表框。下列列表框中的每一項由 option標(biāo)記定義。 ?例如：你的籍貫： select name=select id=select size=3 option value=1湖南 /option option value=2廣東 /option option value=3江蘇 /option option value=4四川 /option/select 去掉 size屬性后 多行文本域標(biāo)記 textarea ?textarea是多行文本域標(biāo)記，用于讓瀏覽者輸入多行文本，如發(fā)表評論或留言，跟帖。 ?textarea name=ments cols=40 rows=4 wrap=virtual 這是一個有 4行，每行可容納 40個字符，換行方式為虛擬的多行文本域。 /textarea ?下面的表單元素代碼都有錯誤，你能指出它們分別錯在哪里嗎？ ?① input name=country value=Your country here. / ?② checkb
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1