html表單的用法

基本概念知識

表單主要分為兩部分

一是html文檔描述的表彰

二是提交后的表單處理(服務器端處理數據,這里只介紹客戶端)

表單的格式如下:

<form name="" method="" action="" enctype="">

表單項,文字,圖片等
</form>
描述:name表示表單的名稱;action用來指定接收表彰數據的服務器頁面(JSP,PHP)等等;methos是指定表彰的傳輸方式,post或get;enctype指定傳遞數據的編碼方式。

表單有以下幾個常用表單項,可以用來輸入數據:

<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">復選框
<input type="file">文件域
<select>...</select>列表框
<textarea>...</textarea>多行文本框

各個表單項的簡單介紹

單行文本框的格式:

<input type=text name="名稱" size="數值" value="預設內容" maxlength="數值">

密碼框格式:

<input type=password name="名稱" size="數值" value="預設內容" maxlength="數值">

提交按鈕:

<input type=submit name="名稱" value="預設內容"

普通按鈕格式:

<input type="button" name="名稱" value="預設內容">

其可以和Javascript一塊使用,如:
<input type="button" name="button1" value="單擊進入" onclick="alert('單擊按鈕')">

隱藏元素按鈕:

<input type="hidden" name="參數" value="參數取值">

功能:多用于向服務器傳遞一些不需要用戶所知道的一些信息,如IP地址

單選按鈕格式:

<input type="radio" name="名稱" value="預設內容" checked="checked">

復選框格式:

<input type="checkbox" name="名稱" value="預設內容" checked="checked">

下拉列表格式:

<select name="名稱" size="大小" multiple="multiple">

<option value=""></option>
<option value=""></option>
</select>

多行文本框格式:

<textarea name="名稱" rows="行數" cols="列數"></textarea>

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 一、表單 1. 表單的作用 HTML 表單用于接收不同類型的用戶輸入,用戶提交表單時向服務器傳輸數據,從而實現用戶...
    zx9426閱讀 457評論 0 1
  • HTML 表單用于搜集不同類型的用戶輸入。用戶提交表單時向服務器傳輸數據,從而實現用戶與Web服務器的交互。HTM...
    FLYSASA閱讀 450評論 0 0
  • HTML 表單:輸入用戶信息的單子,收集填寫的信息給服務器后臺例: form:定義html表單,粗淺理解為包裹表單...
    我七閱讀 406評論 0 0
  • 在 HTML 中,表單是由 標記定界的區域,包含文本輸入框、按鈕、復選框和圖形用戶界面的其他功能部件。Web ...
    萊昂納德剛閱讀 486評論 0 0
  • 清晨,發現有一個未接電話,是661,回撥,女兒說,“我是不是給你添麻煩了?”能這樣說,我深感欣慰。“我剛開始沒找到...
    很難忘記的密碼閱讀 893評論 0 2