400-650-7353

精品課程

HTML表單

  • 發布: Web前端培訓
  • 來源:Web前端干貨資料
  • 2020-03-04 19:25:17
  • 閱讀()
  • 分享
  • 手機端入口

本篇為大家介紹一下在瀏覽一些網站時經常會用到的一種網頁元素--表單。如下圖,想必大家已經再熟悉不過了,像這樣允許用戶輸入并使用按鈕提交信息的功能,我們稱之為表單,那么接下來為大家介紹HTML表單相關的一些知識點,希望對大家有所幫助。

1)表單:幫助服務器收集客戶端信息的一種機制

  1. <form action="提交到的頁面" method="提交的方法">         
  2.     表單控件  
  3. form>  

action:數據最后所提交的頁面 絕對路徑/相對路徑

method:數據提交服務器時的提交方法 post get

2)表單控件:表單用于用戶填寫信息的控件

1、文本控件: 用于用戶填寫較少信息,且可以顯示用戶填寫信息的控件

(注冊時,用戶名填寫)

格式:

  1. <input type="text" name=""  id=""  value="" size="" placeholder=""/> 

type:設置控件樣式 text

name:用于表單收集信息的一種標示符,也就是控件的名稱

2、密碼框:只是用戶輸入的內容看不到

  1. <input type="password" name="" id=""  size=""/> 

3、單選按鈕組:由多個單選按鈕組成的按鈕組,只能選中其中一個,這種按鈕組

  1. <input type='radio' name="" value="" checked>標示符 

name:為了保證傳遞服務器數據只有一個,所以name值必須相同

value:是用提交服務器時,該標簽被提交的數據,value不能相同;

checked:默認按鈕組中的那個按鈕被選中

  1. 性別:<input type='radio' name="" value="" checked>男 
  2.     <input type='radio' name="" value="" checked>女 
  3.     <input type='radio' name="" value="" checked>保密 

所有表單控件name值不能相同!!!

4、復選按鈕組: 與單選按鈕組的區別可以選擇多個,為了能將用戶選擇的多項內容傳遞服務器中,要將name名字后面加個[]

格式:

  1. <input type='checkbox' name="" id="" value="" checked>標示 

選課:

  1. <input type='checkbox' name='classes[]' checked value='1'>語文 
  2.     <input type='checkbox' name='classes[]'  value='2'>數學 
  3.     <input type='checkbox' name='classes[]'  value='3'>歷史 
  4.     <input type='checkbox' name='classes[]'  value='4'>政治 
  5.     <input type='checkbox' name='classes[]'  value='5'>物理 
  6.     <input type='checkbox' name='classes[]'  value='6'>化學 
  7.     <input type='checkbox' name='classes[]' checked value='7'>美術   

注意:一定要在name屬性后面添加[]

>>本文地址:
注:本站稿件未經許可不得轉載,轉載請保留出處及源文件地址。

下一篇:關于Js中this的指向

上一篇:CSS3 3D 變換

申請免費試聽課程
課程干貨資料
 

相關推薦

從入門到進階
免費干貨資料

進群即領(備注:500G)
進群即領
(備注:500G)
課程資料、活動優惠 領取通道
 
 
10分赛车-首页 乐至县 | 奈曼旗 | 四川省 | 江孜县 | 余庆县 | 茂名市 | 西平县 | 公主岭市 | 南丰县 | 定远县 | 吴忠市 | 沙洋县 | 宝鸡市 | 大安市 | 璧山县 | 囊谦县 | 漠河县 | 林州市 | 德安县 | 阳山县 | 开封市 | 邹平县 | 龙海市 | 瑞安市 | 卓尼县 | 淮滨县 | 沙湾县 | 武义县 | 南岸区 | 托克逊县 | 绥棱县 | 桦川县 |