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

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

 

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

 

 

 

 

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

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

 

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

 

xxx>

 

 

 

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

 

有沒有很簡單？看到這邊，一定會有人這樣說：林老師勒，最好是這麼簡單啦～

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

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

(跑出普通的按鈕喔)

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

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

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

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

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

 

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

button 一般按鈕

submit 送出按鈕

reset 重新重送重置按鈕

checkbox 核取打勾方塊

radio 單選用圓圈圈

text 輸入空白欄

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

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

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

select 下拉式選單

textarea 大型留言用大空白格

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

 

 

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