1.form表單有什么作用?有哪些常用的input 標(biāo)簽,分別有什么作用?
答:form表單用于收集信息,并將信息發(fā)送至?xí)?wù)器。
常用的input普通標(biāo)簽有:
text 表示文本框
實(shí)例
Email: <input type="text" name="email" /><br />
Pin: <input type="text" name="pin" />
button 輸入類型定義可點(diǎn)擊的按鈕,這個按鈕本身不會做任何事情
實(shí)例
<input type="button" value="Click me" />
checkbox輸入類型定義復(fù)選框。復(fù)選框允許用戶在一定數(shù)量的選擇中選取一個或多個選項(xiàng)。
實(shí)例 <input type="checkbox" name="vehicle" value="Bike" /> I have a bike<br />
<input type="checkbox" name="vehicle" value="Car" /> I have a car
file 輸入類型用于文件上傳
例:Select images: <input type="file" name="img" />
hidden 輸入類型定義隱藏字段。隱藏字段對于用戶是不可見的
實(shí)例
<input type="hidden" name="country" value="hehe" />
image 輸入類型將圖像定義為提交按鈕。
對于 <input type="image">,src 和 alt 屬性是必需的。
實(shí)例
<input type="image" src="img_submit.gif" alt="Submit" />
password 輸入類型定義密碼字段。密碼字段中的字符會被遮蔽(顯示為星號或?qū)嵭膱A)。
實(shí)例
<input type="password" name="pwd" />
radio 輸入類型定義單選按鈕。單選按鈕允許用戶選擇有限數(shù)目的選項(xiàng)。
實(shí)例
<input type="radio" name="sex" value="male" /> Male<br />
<input type="radio" name="sex" value="female" /> Female
Reset 定義重置按鈕。重置按鈕會把所有表單字段重置為初始值。
實(shí)例
<input type="reset" />
submit 輸入類型定義提交按鈕。
提交按鈕用于向服務(wù)器發(fā)送表單數(shù)據(jù)。數(shù)據(jù)會被發(fā)送到在表單的 action 屬性中規(guī)定的頁面。
實(shí)例
<form action="form_action.asp" method="get">
Email: <input type="text" name="email" /><br />
<input type="submit" />
</form>
textarea 多行輸入框
主要用于輸入較長的文本信息。例句如下:
<textarea name="view"></textarea>
表單控件(Form Controls)
Action和Method的說明:
通過HTML表單的各種控件,用戶可以輸入文字信息,或者從選項(xiàng)中選擇,以及做提交的操作。比如上面的例句里,input type= "text"就是一個表單控件,表示一個單行輸入框。
用戶填入表單的信息總是需要程序來進(jìn)行處理,表單里的action就指明了處理表單信息提交的地址.
至于method,表示了發(fā)送表單信息的方式。method有兩個值:get和post。get的方式是將表單控件的name/value信息經(jīng)過編碼之后,通過URL發(fā)送(你可以在地址欄里看到)。而post則將表單的內(nèi)容通過http發(fā)送,你在地址欄看不到表單的提交信息。那什么時候用get,什么時候用post呢?一般是這樣來判斷的,如果只是為取得和顯示數(shù)據(jù),用get;一旦涉及數(shù)據(jù)的保存和更新,那么建議用post。