超文本標(biāo)記語(yǔ)言ppt課件-資料下載頁(yè)
2025-01-17 10:18本頁(yè)面
【正文】 NoNo input type=submit value=提交 input type=reset /form H3多選一 br input type=radio name=x1 value=香蕉 checked香蕉 br input type=radio name=x1 value=蘋果 蘋果 br input type=radio name=x1 value=李子 李子 br input type=submit value=提交 input type=reset value=重置 /form /body /HTML 顯示結(jié)果如圖 316所示 。 圖 716 創(chuàng)建單選框 創(chuàng)建單選框語(yǔ)法格式為： /form input type=radio name=NAME value=x …… input type=radio name=NAME value=n /form 注意 ， 單選框的屬性 name的屬性值 NAME是相同的 ， 因?yàn)橹恍柽x一個(gè)輸入信息 。 多選框是給用戶提供選擇多項(xiàng)內(nèi)容 。 要?jiǎng)?chuàng)建一個(gè)多選框 ，只需在 form標(biāo)記后加上 input type=“checkbox”， 再以/form結(jié)束即可 ， 在每一個(gè) “ checkbox”后跟有要用于選擇的文本內(nèi)容或者圖像 。 可以再插入間隔劃線或者分段標(biāo)記 。 例 ， 創(chuàng)建多選框 。 HTML body form H3多選框 /H3 input type=checkbox name=x1北京 br input type=checkbox name=x2上海 br input type=checkbox name=x3西安 br input type=checkbox name=x4 checked廣州 (已被選擇 )br input type=submit value=提交 input type=reset value=重置 /form /body /HTML 顯示結(jié)果如圖 717所示 。 圖 717創(chuàng)建多選框 創(chuàng)建多選框的語(yǔ)法格式為： /form input type=checkbox name=NAME1 …… input type=checkbox name=NAME9 /form 注意 ， 多選框的屬性 Name的屬性值 X是不同的 ， 因?yàn)榭梢赃x擇多個(gè)輸入信息 。 下拉菜單是以 form標(biāo)記開(kāi)始，再接 select標(biāo)記。select標(biāo)記表示可以在一個(gè)給定的選擇項(xiàng)范圍內(nèi)進(jìn)行選擇，因此，接著就給出每一個(gè)選擇項(xiàng)。選擇項(xiàng)采用 option標(biāo)記，option標(biāo)記需放在每個(gè)選擇項(xiàng)之前。滾動(dòng)菜單只是在 select標(biāo)記中加入 mutiple屬性，允許一次選多個(gè)選項(xiàng)，類似多選框，如 select mutiple size=x。如果缺省 mutiple，一次只能選擇一項(xiàng)，類似單選框。其中 size=x是一次同時(shí)顯示在菜單里的選擇項(xiàng)（或者選擇行）數(shù)。菜單的寬度由最長(zhǎng)的選擇項(xiàng)確定。 例 ， 創(chuàng)建下拉菜單 。 HTML body form 下拉菜單中任選一個(gè) P select name=x1 option鋼筆 option鉛筆 option書籍 option紙張 /select Pinput type=submit value=提交 input type=reset value=重置 /form /body /HTML 顯示結(jié)果如圖 718所示。 例 ， 創(chuàng)建滾動(dòng)菜單 。 HTML body 滾動(dòng)菜單可多選 圖 718創(chuàng)建下拉菜單 form select name=x1 multiple size=4 option香蕉 option葡萄 option桃子 option梨子 /select Pinput type=submit value=提交 input type=reset value=重置 /form /body /HTML 顯示結(jié)果如圖 719所示 。 關(guān)于表單標(biāo)記，需要注意的是：所有的 form都是以 form標(biāo)記開(kāi)始，以 /form標(biāo)記結(jié)束。每新加入一個(gè) form標(biāo)記，瀏覽器就產(chǎn)生一個(gè)新的段落。因此，如果想將一個(gè)下拉菜單或者 radio button放到語(yǔ)句的中間，應(yīng)將 form標(biāo)記放在段落的開(kāi)始處，而不是放在段落中。 圖 719創(chuàng)建滾動(dòng)菜單 可以將多個(gè) form元素 （ 如 checkboxes， 下拉菜單等 ） 放在同一對(duì) form/form標(biāo)記中 ， 而不必加入一個(gè)元素就放上一對(duì)form/form標(biāo)記 。 在編寫完下拉式菜單時(shí) ， 每個(gè)下拉菜單以/select /form標(biāo)記結(jié)束 。 HTML語(yǔ)言的標(biāo)記還有很多 ， 這里介紹的只是一些基本的標(biāo)記 ， 讀者如果有興趣 ， 可以參閱專門的 HTML語(yǔ)言資料 。 掌握了 HTML語(yǔ)言 ， 就具備了設(shè)計(jì)電子商務(wù)系統(tǒng)的基礎(chǔ) 。目前 ， HTML語(yǔ)言正向著 XML語(yǔ)言的方向發(fā)展 ， 將使網(wǎng)絡(luò)語(yǔ)言更加標(biāo)準(zhǔn)化 。 作業(yè)：
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1