【WEB基礎】HTML & CSS 基礎入門（8）表單
前面
前面我們已經熟悉了網頁上一些常見的元素，如在網頁上顯示一段文字、一張圖片、一個列表、一張表格等等。這些東西都是事先編輯好顯示在頁面上只提供給使用者看的，實際上，我們可以把這樣的頁面稱之為靜態頁面。有“靜”就有”動”，自然也就有了動態頁面，所謂動態頁面就是在頁面上能提供與使用者產生互動的元素，比如：我們想註冊成為某個網站的會員，就要填寫註冊資訊提交給網站後臺；我們在網上發表評論；我們在網上填寫一些調查問卷等等。
上圖的163郵箱註冊頁面就是一個表單，在表單中有文字框、下拉列表、按鈕等元素，我們可以通過這些元素完成資料的輸入。那麼，輸入的資料該如何收集呢？這個就不是HTML所討論的問題了，屬於後臺開發，如果您感興趣，我們得另開一欄。這裡我們先了解一下表單上的常見元素。
表單元素
相關推薦
【WEB基礎】HTML & CSS 基礎入門（1）初識
前面 我們每天都在瀏覽著網路上豐富多彩的頁面，那麼在網頁中所呈現出的絢麗多彩的內容是怎麼設計出來的呢？我們想要自己設計一個頁面又該如何來做呢？對於剛剛接觸網頁設計的小夥伴來說，看到網頁背後的一堆符號和程式碼，是不是會感到有些凌亂。“看這裡、看這裡”，其實HTML並不複雜，嚴格意義上它
【WEB基礎】HTML & CSS 基礎入門（3）段落及文字
寫在前面：CSS選擇器 網頁要顯示很多內容，想要為每個內容設定不同的樣式，我們就得首先選中要設定樣式的內容，CSS選擇器就是指明該樣式是針對HTML裡哪一個元素的。簡單的例子，網頁上有幾段文字，我們想把第一段文字調成紅色的，在用CSS寫完紅色文字樣式後，是不是得指明該紅色文字樣式是針對第一段文字的，那就得用
【WEB基礎】HTML & CSS 基礎入門（4）列表及其樣式
前面 網頁中漂亮的導航、整齊規範的文章標題列表和圖片列表等等。這些都是離不開HTML裡一個重要的元素----列表，在HTML中有無序列表、有序列表和定義列表三種類型。其中，無序列表應用最為廣泛，下面，我們一塊認識一下HTML列表。 列表在文件編輯中也是十分常見的，我們可以結合word裡的列表來對比學習HT
【WEB基礎】HTML & CSS 基礎入門（5）邊框與背景
前面（HTML圖片） 漂亮的網頁肯定少不了邊框與背景的修飾，本篇筆記就是說明如何為網頁上的元素設定邊框或者背景（背景顏色和背景圖片）。 之前，先了解一下HTML中的圖片元素，因為圖片標籤的使用非常簡單，所以就插在這裡說明一下。 HTML中的圖片，我們只需要掌握它的標籤寫法以及它的三個屬性就基本OK了。
【WEB基礎】HTML & CSS 基礎入門（6）超連結
超連結--文字連結 超連結【hyperlink】是網頁中最為常見的元素之一，我們幾乎可以在所有的網站頁面中找到超連結。每個網站都不止一個頁面，這些頁面就是利用超連結進行串接。超連結幫我們實現了網頁與網頁之間的跳轉。 文字連結：我們可以使用超連結標籤<a><a/>實現文字連結。設定了
【WEB基礎】HTML & CSS 基礎入門（7）表格
表格的基本結構 表格是網頁上最常見的元素，它除了可以用來展示資料，還常常被用來排版。雖然現在提倡使用DIV+CSS完成頁面佈局，但表格框架簡單明瞭，對於繁雜的資料，一個簡潔的表格能讓其展現的極有條理。 簡單來說，表格是由行、列（單元格）組成。表格由 <table> 標籤來定義。每個表格均有若干
【WEB基礎】HTML & CSS 基礎入門（8）表單
前面 前面我們已經熟悉了網頁上一些常見的元素，如在網頁上顯示一段文字、一張圖片、一個列表、一張表格等等。這些東西都是事先編輯好顯示在頁面上只提供給使用者看的，實際上，我們可以把這樣的頁面稱之為靜態頁面。有“靜”就有”動”，自然也就有了動態頁面，所謂動態頁面就是
【WEB基礎】HTML & CSS 基礎入門（9）CSS盒子
網頁上的元素辣麼多，我該用什麼辦法讓它們排列整齊、間距合理呢。常幹家務的朋友們就容易理解了，用收納盒呀！ 所以用CSS做網頁佈局就涉及一個盒子的概念，簡單理解，我們可以把頁面上的所有HTML元素看作一個個的盒子，網頁上所展示出來的具體內容，如：文字、圖片等都可以理解為內容，是放在盒子裡面的東西。 這些裝著
【WEB基礎】HTML & CSS 基礎入門（10）佈局與定位
塊級元素和行內元素 HTML裡的元素可以分為塊級元素和行內元素兩大類：
【前端庫】HTML 移動端適配（推薦）
案例單擊我 上一篇文章我寫了，關於移動端適配問題，傳送門開，這一次也關於移動端適配問題，這個方式比較常用。我經常在公司得專案中使用 直接貼上適配程式碼： /* * @Author: a * @D
【幹貨】Html與CSS入門學習筆記12-14【完】
進度條 tom step char number 視頻容器 復選框 其中 私有 十二、HTML5標記 現代HTML html5新增的元素：header nav footer aside section article time 這些新增元素使頁面結構更清晰，取代<di
【計算機網絡基礎】數據鏈路層（目錄）
計算機網絡 劃分 靜態 控制 網橋 透明 回退 csma/cd 廣播 數據鏈路層知識結構 數據鏈路層組幀和透明傳輸 數據鏈路層差錯檢驗 奇偶校驗 循環冗余校驗（CRC） 海明碼 數據鏈路層可靠傳輸（ARQ協議） 停止-等待協議 回退N幀協議（GBN協議） 選擇重傳協
【AI基礎】python:openCV——圖像處理（1）
python python:openCV OpenCV圖像的基本操作 ：使用包cv2，numpy import cv2 import numpy as np img = cv2.imread(‘1.jpg‘) cv2.imshow(‘image‘,img) k = cv2.waitKey(0) "
【AI基礎】python:openCV——圖像處理（2）
getTrackbarPos圖像處理練習 制作一個滑動條調色板，使用函數cv2.getTrackbarPos()；cv2.creatTrackbar() import cv2 import numpy as np def nothing(x): pass img = np.zeros((300,5
【機器學習】Numpy&Pandas 快速入門筆記
Numpy Pandas Numpy&Pandas 快速入門筆記Xu An 2018-4-6######Numpy部分######1、創建arrayimport numpy as npa=np.array([[2,23,4],[21,3,43],[34,43,234]],dtype=np
【前端庫】html 移動端適配（meta方法）
案例單擊我 js程式碼 ;(function(win, lib) { var doc = win.document; var docEl = doc.documentElement; var metaEl = doc.quer
HTML5基礎加強css樣式篇（語義化表單）（五十六）
1.語義化表單<!doctype html> <html> <head> <meta charset="UTF-8"/> </head> &l
【Office 365】Exchange Online 直接轉換遷移（Cutover）問題排查
office 直接 轉換遷移 在本次直接轉換遷移（Cutover）項目中遇到一部分郵箱遷移錯誤，部分是由於該郵箱關聯的Manager賬號或郵箱傳遞限制權限中有問題。部分郵箱遷移報錯信息如下： 在AD中找到該用戶並查看屬性，在Organization頁面看到Manager的選項，並確認
【分治法】最接近點對問題（轉）
線性 sig 2個 線性時間選擇 i++ srand 排序算法 esp 坐標 轉自：http://blog.csdn.net/liufeng_king/article/details/8484284 問題場景：在應用中，常用諸如點、圓等簡單的幾何對象代表現實世界中的實體。在
【計算機網絡】詳解網絡層（二）ARP和RARP
博文 拆分 detail 動態 再次 tcp 將在 ont 關於 ARP ARP（Address Resolution Protocol，地址解析協議）是將IP地址解析為以太網MAC地址（物理地址）的協議。在局域網中，當主機或其他網絡設備有數據要發送給另一個主機或設備時，它