skyful

            BlogJava :: 首頁 :: 聯系 :: 聚合  :: 管理
            16 Posts :: 0 Stories :: 45 Comments :: 0 Trackbacks

          實際用在HTML中的標簽有form、 input、 textarea、 selectoption。

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

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

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

          				
          						<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" /> 是展示你電腦上的文件的一個區域,就像你在一個軟件中打開或者保存一個文檔一樣。
          • <input type="submit" /> 是一個被點擊后提交表單的按鈕。你可以用值屬性value來控制按鈕上顯示的文本(下面的buttonreset類型也可以這樣,稍后介紹),如下: <input type="submit" value="Ooo. Look. Text on a button. Wow" />.
          • <input type="image" />以圖像代替按鈕文本,src屬性是必須的,像img標簽一樣。
          • <input type="button" />是一個如果沒有其他代碼的話什么都不做的按鈕。
          • <input type="reset" /> 是一個點擊后會重置表單內容的按鈕。
          • <input type="hidden" /> 不會顯示任何東西,它用來傳輸諸如用戶正在用的頁面的名字或者Email地址等表單必須傳輸的東西。

          注意輸入標簽input也是用“/>”自關閉的。

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

          <textarea rows="5" cols="20">A big load of text here</textarea>

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

          				
          						<select>
          				
          				
          						<option value="first option">Option 1</option>
          				
          				
          						<option value="second option">Option 2</option>
          				
          				
          						<option value="third option">Option 3</option>
          				
          				
          						</select>
          				
          		

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

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

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

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

          				
          						<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高級指南中還有更復雜的高階水平教程等著你,如果你想進一步了解和學習。

          posted on 2006-04-27 10:59 氓氓 閱讀(248) 評論(0)  編輯  收藏

          只有注冊用戶登錄后才能發表評論。


          網站導航:
           
          主站蜘蛛池模板: 怀来县| 都江堰市| 关岭| 温州市| 海口市| 田东县| 平乡县| 永清县| 收藏| 贵德县| 合作市| 日喀则市| 奉新县| 商城县| 三门县| 英山县| 金山区| 东乡| 宿迁市| 广州市| 鄱阳县| 乌鲁木齐县| 沁水县| 孙吴县| 曲阜市| 科技| 温州市| 鲁山县| 古田县| 罗田县| 富平县| 民和| 昂仁县| 弥勒县| 漯河市| 舒城县| 娄烦县| 渝中区| 清丰县| 横山县| 临澧县|