網頁各式模組【07】

第七篇
表格化創意表單

適合程度: 初學者 一般程度 進階者 以上均宜
請問:您對學習 HTML 標籤意見看法
     
創意表單 HTML 原始碼:
<!--表格化創意表單開始-->
<form> <!--CGI等表單的Form-->
<table cellspacing=0 cellpadding=3 border=0 bgcolor=gray> <!--Table-->
<tr bgcolor=darkblue><td><font size=+1 color=white><b>HTML 語法意見同意書:</b></font></td>
<td align=right><font size=+1 color=white>
<a href="javascript:self.close()"> <!--JavaScrip關閉程式-->
<img border=0 src="close.gif"></a> <!--關閉圖案-->
</td></tr>
<tr><td colspan=2> <textarea name="comment" rows="14" cols="65" wrap="virtual"> <!--欄位控制標籤-->
您同意以下看法嗎? <!--以下為文字內容-->
我們知道不一定要學 HTML 語法,也可以作一個網站。
但是您是否同意不懂 HTML 語法者,可能無法隨心所慾的修改一個網頁。..........
End,請選答。
</textarea>
</td></tr>
<tr><td colspan=2 align="center">
<input type="submit" value="同 意"><input type="button" value="不同意""> <!--按鈕標籤-->
</td></tr></table> <!--Table結束-->
</form> <!--Form結束-->
<!--表格化創意表單結束-->
本創意表單是使用一般常見到的視窗畫面,作為模仿對象;其語法並無獨特之處,只是我們用 Table 標籤,將他表格化而已,您只要修改裡面文字內容,就可使用了。
這裡我用 JavaScript 程式,代替了 Form 的送出功能,他有自動關閉功能哦,您也可以順便研習一下。
有關 Form 標籤,請參閱繪製網頁圖檔【實用 HTML 語法蒐整】報導。
這裡也特別告訴大家有關TextArea控制標籤用法:
<TextArea>......</TextArea> <!--TextArea表單開始 & 結束宣告-->
<TextArea Cols="設定編輯視窗的長度(寬),單位為字元數" Row="設定編輯視窗的高度,單位為列數">
另外,還有兩個屬性:
Name="文字值"傳送給主機處理用的;Warp="Off( 不自動換行)預設值或 Virtual (超過欄寬時會自動換行)"
註:這裡可以不用到 Value="欄位內文字預設值"

注意事項:
IE & NS Browser 兩者顯示結果差異很大,您應彼此相互測試看看。
使用 Form 表單標籤,您必須學習一種程式語言 (CGI、ASP、JavaScript等等),才能產生互動效果哦。
如果您也想進一步學習這些語言,請立即加入我們的行列吧。
為利購買CD 片網友運用,五個表格圖檔採次目錄方式存放,以利檔案管理與套用。

如何完整取得所有資料:
如果您想完整取得電子報內所有檔案資料,我們提供燒錄光碟片給您 Go
凡加入教學或教材會員者,均可獲得以下乙份完整的資料光碟。
詳細內容:語法教學第一電子報第二電子報第三期電子報網頁圖窟

結論與建議:
本站所有報導資料,歡迎網友加入鏈結或轉載內容,惟請保留文章完整,並註明此 引用來源 ,謝謝您的支持與配合。
本報每篇報導都花上 8 小時以上搜集、整理及撰稿,絕對值得初學者或想徹底學會 HTML 語法網友永久保存。
強烈建議您 學會 HTML 語法 ,她真的簡單易學,懂了她您就能駕馭她,讓您使用所見即所得軟體更得心應手。
本報導屬於完全免費性質, 索取教材資料 屬個人自由意願,而回饋給您的光碟片,則是我們的誠意而已
一篇保證前所未見的 HTML 教學課程,絕對是您學習 HTML 的好教材,強烈建議您進入實際體驗一下。
本電子報報導資料,未來將繼續每隔 30 日發表一次,以嘉惠更多想學會 HTML 網友,歡迎 繼續訂閱
本報導內容或資料,因限人力、時間,非教學會員,不接受任何疑惑解答,敬請見諒。