<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    skyful

      BlogJava :: 首頁 :: 聯(lián)系 :: 聚合  :: 管理
      16 Posts :: 0 Stories :: 45 Comments :: 0 Trackbacks

    實際用在HTML中的標簽有forminput、 textareaselectoption。

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

    可選的方法屬性method告訴表單數(shù)據(jù)將怎樣發(fā)送,有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" /> 是展示你電腦上的文件的一個區(qū)域,就像你在一個軟件中打開或者保存一個文檔一樣。
    • <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" /> 是一個點擊后會重置表單內(nèi)容的按鈕。
    • <input type="hidden" /> 不會顯示任何東西,它用來傳輸諸如用戶正在用的頁面的名字或者Email地址等表單必須傳輸?shù)臇|西。

    注意輸入標簽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>
    				
    		

    當表單被提交時,被選中選項的值將被發(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中。)

    				
    						<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)  編輯  收藏

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


    網(wǎng)站導航:
     
    主站蜘蛛池模板: 亚洲av无码不卡私人影院| 黄网址在线永久免费观看 | 久久久久亚洲精品无码网址| 亚洲AV成人片无码网站| 手机看片久久国产免费| 亚洲色成人中文字幕网站 | 亚洲中文字幕无码av| eeuss免费天堂影院| 亚洲国产精品狼友中文久久久| 老牛精品亚洲成av人片| 亚洲AⅤ视频一区二区三区| 视频免费1区二区三区| 久久精品国产亚洲5555| 国产精品成人免费观看| 亚洲妇熟XXXX妇色黄| 久久大香伊焦在人线免费| 日批日出水久久亚洲精品tv| 一个人免费观看www视频| 国产亚洲成人在线播放va| 日韩精品无码免费专区网站| 久久夜色精品国产噜噜噜亚洲AV| 国产大片免费网站不卡美女| 中文有码亚洲制服av片| 免费在线观看中文字幕| 免费无码黄网站在线看| 亚洲国产成人九九综合| 99久久99久久免费精品小说| 亚洲成AV人片在线播放无码| 亚洲成人免费网址| 国产精品亚洲小说专区| 亚洲精品二区国产综合野狼| 精品免费久久久久久久| 特级毛片全部免费播放| 亚洲AV本道一区二区三区四区| a级毛片免费在线观看| 亚洲精品在线电影| 综合在线免费视频| 瑟瑟网站免费网站入口| 亚洲AV日韩AV永久无码绿巨人| 成人性生交视频免费观看| 亚洲av日韩av永久在线观看|