1. 程式人生 > 其它 >網頁如何蒐集使用者資訊?

網頁如何蒐集使用者資訊?

網頁上常見的論壇、使用者註冊,認證等都是蒐集各種型別的使用者資訊。他們都用的是HTML表單,接下來我們就開始學習表單。

<form>元素定義HTML表單,其中包含了各種表單元素。表單元素指的是不同型別的input元素,複選框、單選按鈕、提交按鈕等。如下:

文字類:

  1. 文字框:<input type="text" />
  2. 密碼框:<input type="password" />
  3. 文字域:<textarea></textarea>
  4. 隱藏域:<input type="hidden" />

按鈕類:

  1. 普通按鈕:<input type="button" value="按鈕名字" />
  2. 提交按鈕:<input type="submit" value="提交" />
  3. 重置按鈕:<input type="reset" value="重置" />
  4. 圖片按鈕:<input type="image" />

選擇類:

  1. 單選框:<input type="radio" name="danxuan" value="1" />選項
  2. 複選框:<input type="checkbox" value="1">選項
  3. 下拉選擇框:<select ><option value="1">選項名</option></select>
  4. 上傳檔案:<input type="file" />

標註類:

  定義標記:<label>標記文字</label>

示例程式碼:

<form >

  <input type="text"><br/>

  <select name="">

      <option value="1">第一項</option>

      <option value="2">第二項</option>

  </select><br/>

  <textarea 
></textarea><br/> <input type="submit" value="提交按鈕" /> </form>

到此,一個簡單的表單就可以使用了,<br/>是換行。

練習題:根據上邊學習的內容製作您的註冊頁面,如下圖這樣的簡單頁面。