網頁如何蒐集使用者資訊?
阿新 • • 發佈:2021-06-26
網頁上常見的論壇、使用者註冊,認證等都是蒐集各種型別的使用者資訊。他們都用的是HTML表單,接下來我們就開始學習表單。
<form>元素定義HTML表單,其中包含了各種表單元素。表單元素指的是不同型別的input元素,複選框、單選按鈕、提交按鈕等。如下:
文字類:
- 文字框:<input type="text" />
- 密碼框:<input type="password" />
- 文字域:<textarea></textarea>
- 隱藏域:<input type="hidden" />
按鈕類:
- 普通按鈕:<input type="button" value="按鈕名字" />
- 提交按鈕:<input type="submit" value="提交" />
- 重置按鈕:<input type="reset" value="重置" />
- 圖片按鈕:<input type="image" />
選擇類:
- 單選框:<input type="radio" name="danxuan" value="1" />選項
- 複選框:<input type="checkbox" value="1">選項
- 下拉選擇框:<select ><option value="1">選項名</option></select>
- 上傳檔案:<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/>是換行。
練習題:根據上邊學習的內容製作您的註冊頁面,如下圖這樣的簡單頁面。