生命沒有太多的如果--只有選擇瞬間的十字路口 ...今天不曉明天事,且把今天先寫下,莫待明天追記今天 「如果你迷戀厚實的屋頂,就會失去浩瀚的繁星」--洛夫,詩集待查 「無知是可怕的,唯一的好處是:如果你不懂就不知道有什麼是不能做的!」 我透過這個平台,寫下一些自己的工作經驗與實務的解決辦法. 當然,還有更多的文字篇章不是我創作的,感謝留置這些寶藏的巨人們.
最近html寫得比較多,其實大家常常在念說要寫個互動網頁程式很難,主要是迴圈方面的邏輯有問題,至於簡單的網頁表單元件怎麼寫呢,用個easy的觀念來談,就是把它當作"物件"。學會了這個東西,以後看原始碼就不會那麼吃力了喔~
以下以普通通用的html元件來說明
------------------------以上為一般html開頭,也就是文件檔開頭----------------
(顧名思義,就是我們的程式本體)
xxx>
---------------------------------正式完整的html網頁寫好囉------------
有沒有很簡單?看到這邊,一定會有人這樣說:林老師勒,最好是這麼簡單啦~
咳,沒錯,就是這麼簡單又不花俏就可以寫好一個html文件網頁。
重要的是,戲法人人會變,各有巧妙不同罷了。那個xxx就可以改變很多東西喔,我們來看看底下的例子,插入
(跑出普通的按鈕喔)
(跑出互動提交的按鈕喔)
(跑出可以輸入文字的空白填入欄喔)
--------------------
雖然還沒有在type之後加上太多屬性,但是只要簡單比對一下,我們就可以發現,只要改變type=" "的內容,就可以變出很多種不同的花樣呢!
以下把常見的表單元件名稱交給大家,希望大家有興趣的可以自己動手寫寫看玩一玩~至於參數設定,有空再補上囉。
以下名稱是我個人自己亂取,方便辨認罷了,正解還是要看英文本意:
button 一般按鈕
submit 送出按鈕
reset 重新重送重置按鈕
checkbox 核取打勾方塊
radio 單選用圓圈圈
text 輸入空白欄
image 插入圖片是也,夠明確的東西吧
file 開啟一個檔案瀏覽按鈕,用來選取檔案來源
----------------這兩個比較特別-------------
select 下拉式選單
textarea 大型留言用大空白格
-------前面不需要加上input,算是獨立的表單程式表達喔喔,結尾記得要用的方式作結尾------
咳咳,其實這一篇是為了填補多日來空白而發表的,最近腦子裡只有三件事,白天都被伺服器和程式佔滿了,晚上就是讀書,說真的,很沒東西可以亂寫一通,請有看敝人網誌的朋友原諒囉<(_ _)>
沒有留言:
張貼留言