日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

HTML初級教程表單form_XHTML教程

編輯Tag賺U幣
教程Tag:暫無Tag,歡迎添加,賺取U幣!
表單可以用來在網(wǎng)頁中發(fā)送數(shù)據(jù),非凡是經(jīng)常被用在聯(lián)系表單——用戶輸入信息然后發(fā)送到Email中。

表單本身是沒有什么用的。這需要編一個程序來處理輸入表單中的數(shù)據(jù)。這也超出了本站指南的范圍。假如使用網(wǎng)絡服務器來放置HTML,你能夠自助地找到一些簡單的教程,開發(fā)一個服務器端的程序使一個發(fā)送到Email的表單工作。

實際用在HTML中的標簽有form、 input、 textarea、 select和option。

表單標簽form定義的表單里頭,必須有行為屬性action,它告訴表單當提交的時候將內(nèi)容發(fā)往何處。

可選的方法屬性method告訴表單數(shù)據(jù)將怎樣發(fā)送,有get(默認的)和post兩個值。常用到的是設置post值,它可以隱藏信息(get的信息會暴露在URL中)。

所以一個表單元素看起來是這樣子的:

示例代碼 [hl5o.cn]
<form action="processingscript.php" method="post"> </form>

input標簽是表單世界中的“老大”。有10種形式,概括如下:

■ <input type="text" />是標準的文本框。它可以有一個值屬性value,用來設置文本框里的默認文本。
■ <input type="password" /> 像文本框一樣,但是會以星號代替用戶所輸入的實際字符。
■ <input type="checkbox" />是復選框,用戶可以快速的選擇或者不選一個條目。它可以有一個預選屬性checked,像這樣的格式<input type="checkbox" checked="checked" />.
■ <input type="radio" /> 與復選框相似,但是用戶只可在一個組中選擇一個單選按鈕。它也有一個預選屬性checked,使用方法跟復選框一樣。
■ <input type="file" /> 是展示你電腦上的文件的一個區(qū)域,就像你在一個軟件中打開或者保存一個文檔一樣。
■ <input type="submit" /> 是一個被點擊后提交表單的按鈕。你可以用值屬性value來控制按鈕上顯示的文本(下面的button和reset類型也可以這樣,稍后介紹),如下: <input type="submit" value="Ooo. Look. Text on a button. Wow" />.
■ <input type="image" />以圖像代替按鈕文本,src屬性是必須的,像img標簽一樣。
■ <input type="button" />是一個假如沒有其他代碼的話什么都不做的按鈕。
■ <input type="reset" /> 是一個點擊后會重置表單內(nèi)容的按鈕。
■ <input type="hidden" /> 不會顯示任何東西,它用來傳輸諸如用戶正在用的頁面的名字或者Email地址等表單必須傳輸?shù)臇|西。
注重輸入標簽input也是用“/>”自關閉的。

多行文本輸入框標簽textarea基本上就是一個比較大的文本框。它必須有行屬性rows和列屬性cols,用法像這樣:

示例代碼 [hl5o.cn]
<textarea rows="5" cols="20">A big load of text here</textarea>

選定標簽select與選項標簽option一起可以制作一個下拉選框。是這樣工作的:

示例代碼 [hl5o.cn]
<select>
<option value="first option">Option 1</option>
<option value="second option">Option 2</option>
<option value="third option">Option 3</option>
</select>

當表單被提交時,被選中選項的值將被發(fā)送。

與復選框和單選按鈕的預選屬性checked一樣,選項標簽option也有一個預選屬性selected,它可以用在這樣的格式中:<option value="mouse" selected="selected">Rodent</option>。

上述的標簽中在網(wǎng)頁中看起來都不錯,但是,假如你有一個程序來處理這個表單,這些標簽都不起作用。這是因為,表單字段需要名稱。所以所有的字段中都需要增加名稱屬性name,比如 <input type="text" name="talkingsponge" />。

一個表單看起來應該像下面這樣(注重:這個表單不會工作,除非有一個用來提交數(shù)據(jù)的“contactus.php”的文件,它位于表單標簽form的行為屬性action中。)

示例代碼 [hl5o.cn]
<form action="contactus.php" method="post">
<p>Name:</p>
<p><input type="text" name="name" value="Your name" /></p>
<p>Comments: </p>
<p><textarea name="comments" rows="5" cols="20">Your comments</textarea></p>
<p>Are you:</p>
<p><input type="radio" name="areyou" value="male" /> Male</p>
<p><input type="radio" name="areyou" value="female" /> Female</p>
<p><input type="radio" name="areyou" value="hermaphrodite" /> An hermaphrodite</p>
<p><input type="radio" name="areyou" value="asexual" checked="checked" /> Asexual</p>
<p><input type="submit" /></p> <p><input type="reset" /></p>
</form>

在HTML高級教程中還有更復雜的高階水平教程等著你,假如你想進一步了解和學習。

來源:無憂整理//所屬分類:XHTML教程/更新時間:2006-10-12
相關XHTML教程