HTML設計顯示表單

2021-07-23 11:33:51 字數 682 閱讀 4744

html設計顯示表單

表單中的元素很多,常用的有輸入框、文字框、單選項、復選項、下拉列表和按鈕等等。

請輸入您的姓名:

請選擇你最喜歡的顏色:紅綠

藍黃青紫

請問你的性別:男女

你喜歡做些什麼:

看書 上網

睡覺

使用css對表單新增樣式風格,包括邊框、背景色、寬度和高度等等。

form

input

select

textarea

仔細觀察會發現,在ie中單選框和核取方塊都有邊框,但是,在firefox中卻沒有。

因此,設計表單時的通常方法還是給具體的各項新增類別屬性,進行單獨的設定。

請輸入您的姓名:

請選擇你最喜歡的顏色:紅綠

藍黃青紫

請問你的性別:男女

你喜歡做些什麼:

看書 上網

睡覺

進行單獨的css設定之後,兩個瀏覽器的顯示效果基本一致了,這種設計方法在實際設計中經常使用。

注意:各個瀏覽器之間的顯示差異,通常是因為瀏覽器對css屬性的預設值不同導致,因此,解決方法就是指定該值,而不讓瀏覽器使用預設值。

HTML 自學筆記(HTML框架 表單設計)

什麼是框架 將瀏覽器劃分成不同部分,每一部分載入不同的網頁,用以實現在同一瀏覽器視窗中載入多個頁面的效果。劃分框架標記。語法格式 屬性 cols 使用 畫素值 和 分割左右視窗,表示剩餘部分。若使用 則表示框架平均分成3個。若使用 則表示框架平均分成2個。rows 使用 畫素值 和 分割上下視窗,表...

HTML語言 表單設計

表單設計 1 表單標記 1.1 什麼是定義表單的開始位置和結束位置,表單提交時的內容就是 1.3 常用屬性 1.3.1 name 表單名稱 1.3.2 method 傳送資料的方式,分為post和get兩種方式 get get方式提交時,會將表單的內容附加在url位址的後面,所以限制了提交的內容的長...

HTML簡單例項加表單的顯示效果

html可以說是一種十分簡單的標記語言,但是對於web開發還是必不可少的,所以對html的標記進行適當的了解 還是十分有必要的。下面我們來演示一下基本的html效果和一些簡單的標籤,以及在表單介面的各種提交方式。首先是html的常用簡單標籤。hello world第一行文字第一行文字 超連結例項 老...