表單的用法

表單主要分為兩部分:
一是HTML文檔描述的表彰;
二是提交后的表單處理(服務(wù)器端處理數(shù)據(jù),這里只介紹客戶端)
表單的格式如下:
<form name="" method="" action="" enctype="">
表單項(xiàng),文字,圖片等
</form>
描述:name表示表單的名稱;action用來(lái)指定接收表彰數(shù)據(jù)的服務(wù)器頁(yè)面(JSP,PHP)等等;methos是指定表彰的傳輸方式,post或get;enctype指定傳遞數(shù)據(jù)的編碼方式。
表單有以下幾個(gè)常用表單項(xiàng),可以用來(lái)輸入數(shù)據(jù):
<input type="text"> 單行文本框
<input type="password"> 密碼
<input type="submit">提交表單按鈕
<input type="image"> 圖片提交
<input type="reset"> 重置按鈕
<input type="button">普通按鈕
<input type="hidden">隱藏元素
<input type="radio">單選按鈕
<input type="checkbox">復(fù)選框
<input type="file">文件域
<select>...</select>列表框
<textarea>...</textarea>多行文本框

各個(gè)表單項(xiàng)的簡(jiǎn)單介紹

單行文本框的格式:
<input type=text name="名稱" size="數(shù)值" value="預(yù)設(shè)內(nèi)容" maxlength="數(shù)值">

密碼框格式:
<input type=password name="名稱" size="數(shù)值" value="預(yù)設(shè)內(nèi)容" maxlength="數(shù)值">

提交按鈕:
<input type=submit name="名稱" value="預(yù)設(shè)內(nèi)容"

圖片提交:
<input type=image src="圖片路徑" name="名稱" alt="替代文本" width="寬度" height="高度">
其中alt是指在光標(biāo)經(jīng)過(guò)圖像或者圖像不顯示時(shí)的替換文本

重置按鈕格式:
<input type="reset" name="名稱" value="預(yù)設(shè)內(nèi)容">

普通按鈕格式:
<input type="button" name="名稱" value="預(yù)設(shè)內(nèi)容">
其可以和Javascript一塊使用,如:
<input type="button" name="button1" value="單擊進(jìn)入" onclick="alert('單擊按鈕')">

隱藏元素按鈕:
<input type="hidden" name="參數(shù)" value="參數(shù)取值">
功能:多用于向服務(wù)器傳遞一些不需要用戶所知道的一些信息,如IP地址。

單選按鈕格式:
<input type="radio" name="名稱" value="預(yù)設(shè)內(nèi)容" checked="checked">

復(fù)選框格式:
<input type="checkbox" name="名稱" value="預(yù)設(shè)內(nèi)容" checked="checked">

下拉列表格式:
<select name="名稱" size="大小" multiple="multiple">
<option value=""></option>
<option value=""></option>
</select>

多行文本框格式:
<textarea name="名稱" rows="行數(shù)" cols="列數(shù)"></textarea>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1.form表單有什么作用?有哪些常用的input 標(biāo)簽,分別有什么作用? HTML 表單用于接收不同類型的用戶輸...
    大胡子歌歌閱讀 976評(píng)論 0 1
  • 一、表單 1. 表單的作用 HTML 表單用于接收不同類型的用戶輸入,用戶提交表單時(shí)向服務(wù)器傳輸數(shù)據(jù),從而實(shí)現(xiàn)用戶...
    zx9426閱讀 529評(píng)論 0 1
  • 1.動(dòng)手 form 表單table 表格 2. <form>表單元素 1) 簡(jiǎn)述: 元素是塊級(jí)元素,其開(kāi)始標(biāo)簽和結(jié)...
    _Dot912閱讀 2,133評(píng)論 2 8
  • 一、基礎(chǔ)概念知識(shí) 1.表單主要分為兩部分: 一是HTML文檔描述的表彰;二是提交后的表單處理(服務(wù)器端處理數(shù)據(jù),這...
    饑人谷_瀟湘情緒雨閱讀 185評(píng)論 0 0
  • 一句話:為了減小ipa體積,果斷選擇了高德。
    磐玉2閱讀 876評(píng)論 1 49

友情鏈接更多精彩內(nèi)容