2007年8月23日 星期四

大家一起來學寫html表單元件(1)


最近html寫得比較多,其實大家常常在念說要寫個互動網頁程式很難,主要是迴圈方面的邏輯有問題,至於簡單的網頁表單元件怎麼寫呢,用個easy的觀念來談,就是把它當作"物件"。學會了這個東西,以後看原始碼就不會那麼吃力了喔~

 

以下以普通通用的html元件來說明

 

 

 

 

------------------------以上為一般html開頭,也就是文件檔開頭----------------

(顧名思義,就是我們的程式本體)

 

(說明現在要加入表單元件)

 

xxx>

 

 

 

---------------------------------正式完整的html網頁寫好囉------------

 

有沒有很簡單?看到這邊,一定會有人這樣說:林老師勒,最好是這麼簡單啦~

咳,沒錯,就是這麼簡單又不花俏就可以寫好一個html文件網頁。

重要的是,戲法人人會變,各有巧妙不同罷了。那個xxx就可以改變很多東西喔,我們來看看底下的例子,插入

(跑出普通的按鈕喔)

(跑出互動提交的按鈕喔)

(跑出可以輸入文字的空白填入欄喔)

--------------------

雖然還沒有在type之後加上太多屬性,但是只要簡單比對一下,我們就可以發現,只要改變type=" "的內容,就可以變出很多種不同的花樣呢!

以下把常見的表單元件名稱交給大家,希望大家有興趣的可以自己動手寫寫看玩一玩~至於參數設定,有空再補上囉。

 

以下名稱是我個人自己亂取,方便辨認罷了,正解還是要看英文本意:

button 一般按鈕

submit 送出按鈕

reset 重新重送重置按鈕

checkbox 核取打勾方塊

radio 單選用圓圈圈

text 輸入空白欄

image 插入圖片是也,夠明確的東西吧

file 開啟一個檔案瀏覽按鈕,用來選取檔案來源

----------------這兩個比較特別-------------

select 下拉式選單

textarea 大型留言用大空白格

-------前面不需要加上input,算是獨立的表單程式表達喔喔,結尾記得要用的方式作結尾------

 

 

咳咳,其實這一篇是為了填補多日來空白而發表的,最近腦子裡只有三件事,白天都被伺服器和程式佔滿了,晚上就是讀書,說真的,很沒東西可以亂寫一通,請有看敝人網誌的朋友原諒囉<(_ _)>

 


沒有留言:

張貼留言