Start Here..
html表單允許用戶在網頁中輸入各種信息,是用戶與網頁進行交互的最佳途徑。
html表單由<form>標簽定義,它定義了一個輸入區域。包括文本字段、復選框、單選框和提交按鈕等。
一個簡單的html表單格式如下:
<form action="../append/form_button.asp" method="get"> 手機號碼: <!--輸入信息的說明--> <input type="text" name="shouji" /> <!--表單控件(Form Controls)--> <input type="submit" value="提交" /> <!--表單控件(Form Controls)--> </form>
查看代碼效果:HTML4.01教程:表單示例
上述代碼中,通過表單控件(Form Controls)輸入信息,用得最多的控件是input控件(<input>標簽)。用戶輸入的信息需要action屬性指定的文件名來處理,處理的方法由method屬性來決定。
method屬性有兩個值:get和post。
那么什么時候用get?什么時候用post呢?如果只是獲得或顯示數據,建議使用get方法;如果涉及數據的保存或更新,建議使用post方法。
在表單的輸入區域中最常用的控件如下:
在單行文本輸入框中可以輸入一些簡短的信息,如:數字、字母和漢字等。
固定電話: <input type="text" name="dianhua" />
相關閱讀:HTML4.01<input>標簽type屬性
<input type="submit" value="提交" />
查看代碼效果:HTML4.01<input>標簽type屬性submit按鈕示例
<input type="radio" name="vehicle" value="Bike" /> Bike <input type="radio" name="vehicle" value="Car" checked="checked" /> Car
查看代碼效果:HTML4.01教程:表單單選框(input type="radio")示例
提示:checked="checked"表示缺省已選的選項。
<input type="checkbox" name="vehicle" value="Bike" /> Bike <input type="checkbox" name="vehicle" value="Car" checked="checked" /> Car
查看代碼效果:HTML4.01<input>標簽type屬性checkbox按鈕示例
(1)一次選擇一項:
<select name="vehicle" > <option value="Bike">Bike <option value="Car">Car </select>
查看代碼效果:HTML4.01教程:表單下拉框(select)示例
相關閱讀:HTML4.01<select>(Selection List:選擇列表)標簽
(2)可以同時選擇多項:
<select multiple="multiple" name="cars">
查看代碼效果:HTML4.01教程:表單下拉框同時選擇多項(multiple)示例
如果要使用復選,加muiltiple即可。按下Ctrl鍵即可實現多選。
相關閱讀:HTML4.01<select>標簽multiple屬性
<textarea cols="50" rows="5" name="cars"></textarea>
查看代碼效果:HTML4.01教程:表單多行輸入框(textarea)示例
相關閱讀:HTML4.01<textarea>(Multiline Text Input:多行文本輸入區)標簽
<input type="password" name="pwd" />
查看代碼效果:HTML4.01<input>標簽type屬性password按鈕示例
<input type="image" src="../append/20111004.jpg" alt="Submit" />
查看代碼效果:HTML4.01<input>標簽src屬性示例
相關閱讀:HTML4.01<input>標簽src屬性
posted on 2012-07-30 16:39 ** 閱讀(168) 評論(0) 編輯 收藏
Powered by: BlogJava Copyright © **