補(bǔ)充html講座2【經(jīng)典-資料下載頁(yè)
2025-01-18 19:57本頁(yè)面
【正文】 BUTTON 示例 單行文本框 單行文本框允許使用者輸入單行的文字語句，如姓名、綽號(hào)、聯(lián)絡(luò)電話、 Email、 籍貫、國(guó)籍、出生地等信息。 form 您的姓名 : input type=text name=姓名 br 您的主頁(yè)的網(wǎng)址 : input type=text name=網(wǎng)址 value= 密碼 : input type=password name=密碼 br input type=submit value=發(fā)送 input type=reset value=重設(shè) /form 示例 form 此文本框的寬度為 40可以填入任意長(zhǎng)度的字符： input type=text name=a01 size=40br 此文本框中只能填入 5個(gè)字符： input type=text name=a02 maxlength=5br input type=submitinput type=reset /form 示例 選擇鈕 選擇按鈕只允許使用者選取一個(gè)選項(xiàng)，通常利用這個(gè)組件列出數(shù)個(gè)選項(xiàng)，以詢問用戶的性別、年齡、婚姻狀況、最高學(xué)歷等。 form 請(qǐng)選擇你的性別： P input type=radio name=男 checked 男p input type=radio name=女 女 p input type=submitinput type=reset /form 示例 復(fù)選框 復(fù)選框允許使用者同時(shí)選取多個(gè)選項(xiàng)，通常利用這個(gè)組件詢問使用者喜歡閱讀哪幾類的書籍、喜歡從事哪幾類的活動(dòng)等可以復(fù)選的問題。 form 選擇你喜歡的水果： P input type=checkbox name=水果 1香蕉 p input type=checkbox name=水果 2 checked 蘋果 p input type=checkbox name=水果 3 桔子 p input type=submitinput type=reset /form 示例 多行文本框 多行文本框允許使用者輸入多行的文字語句，如個(gè)人意見、自我介紹等信息。 TEXTAREA… /TEXTAREA form textarea name=ment rows=5 cols=60 /textarea P input type=submitinput type=reset /form 示例 下拉式菜單 下拉式菜單允許使用者從下拉式清單中選擇項(xiàng)目，例如嗜好、興趣、學(xué)歷、出生地等。 SELECT… /SELECT SELECT… /SELECT 必須搭配 OPTION標(biāo)記 。 OPTION標(biāo)記放在 SELECT… /SELECT標(biāo)記之間，用來指定下拉式菜單的選項(xiàng)。 ?MULTIPLE 指定瀏覽者可以在下拉式菜單中 選取多個(gè)選項(xiàng)（復(fù)選） ?NAME=“…” 指定下拉式菜單的名稱（限英文） ?READONLY 不允許瀏覽者更改下拉式菜單的選項(xiàng) ?SIZE=“n” 指定下拉式菜單的高度 ?TABINDEX 設(shè)置【 TAB】 鍵順序，也就是當(dāng)瀏覽 者按【 TAB】 鍵時(shí)，光標(biāo)在表單字段 跳躍的順序，設(shè)置范圍在 1999，數(shù) 字越小，順序越高 屬性說明： ?DISABLED 取消下拉式菜單選項(xiàng)，使之無法存取 ?SELECTED 指定預(yù)先選取的選項(xiàng) ?VALUE=“…” 指定下拉式菜單選項(xiàng)的值（中英文皆可），當(dāng)瀏覽者按下 “ 提交 ” 按鈕之后，被選取的下拉式菜單選項(xiàng)的值會(huì)被返回表單處理程序，若您沒有指定 VALUE屬性，那么下拉式菜單選項(xiàng)的數(shù)據(jù)則會(huì)被返回表單處理程序 屬性說明： form 選擇你喜歡的水果： P select name=fruits option香蕉 option selected蘋果 option value=orange桔子 /selectp input type=submitinput type=reset /form 示例 form 選擇你喜歡的水果： P select name=fruits size=3 option香蕉 option selected蘋果 option桔子 option葡萄 /selectp input type=submitinput type=reset /form 示例 form 選擇你喜歡的水果： P select name=fruits size=3 multiple option香蕉 option selected蘋果 option桔子 option葡萄 /selectp input type=submitinput type=reset /form 示例 第二次作業(yè) ?要求所有的內(nèi)容均使用 HTML語句書寫。 ?至少制作三個(gè)網(wǎng)頁(yè)，一個(gè)為主頁(yè)，另二個(gè)為鏈接。 ?主頁(yè)上有圖像，有郵件鏈接，有常用網(wǎng)站鏈接。 ?有一個(gè)網(wǎng)頁(yè)至少應(yīng)有 300文字，在頁(yè)首設(shè)置同一頁(yè)面的目標(biāo)鏈接。 ?盡量多地使用已學(xué)過的元素和屬性。 ?內(nèi)容自定。
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1