HTML5基礎，第2部分：組織頁面的輸入

（譯者注：由於yeeyan編輯器對文章中的標簽做解析的原因，我在每個標簽的<符號之後都加入了一個空格，比如說，左尖括號<+fieldset+右尖括號>，我會寫成< fieldset>，以便其能夠在文章中正確顯示，不便之處敬請諒解。）

企業級機構的管理、數據分析、營銷策略以及其他功能都很重要，然而，如果沒有合格的數據窗口可提供給你的潛在客戶使用的話——或是激發起用戶的使用興趣的話——那麼促使站點訪問者轉化所必需的最初過程就是缺失的。一種積極的、鼓勵交互的、用戶友好的體驗是機構的主要目標，而這種交互是需要你的努力來達成的。

交互的核心是站點的表單，這些表單方便了與用戶的互動交流，因此，最初引發網站構建的目標可通過轉化站點訪問者來推進。表單是活躍網站所有者或是代理商和網站用戶之間的交互的核心因素，正因為如此，它們在設計和開發網站過程中就顯得極為重要。

核心的核心部分是控件——單選按鈕、復選框、文本框、數字的微調控制器等等。對於與站點進行對話的網站用戶來說，這些元素都是必不可少的。換句話說，沒有充分的功能控制（在“機械”的控件操作和控件適合於給定任務兩方面都是），就不可能進行對話，其結果就是，沒有潛在的轉化。

對轉化過程的關系做仔細的考慮是很有必要的，這其中包括了站點訪問者和運行系統之間的交互的各個方面，驗證的速度、輸入、認知、導航、頁面的加載以及頁面組裝的方式，所有的這些方面都對轉化過程產生影響。隨著HTML5規范的多媒體特性和所提供的擴充的種種表單控件選項一起到來的是驗證的改進和增強，這兩方面都在HTML5的把站點訪問者轉化成實際的站點用戶的能力中做出了貢獻。

對於驗證以及完善的基於web的計算——一個關鍵的安全資產，對於這兩方面來說，HTML5是一個異常有力的工具。在設計和開發旨在招徕客戶的網站時，其顯得越發的重要。因此，它的使用對於維護一個好的轉化率來說是必不可少的。如果你不能描繪出前景，那說明你有困惑；但如果你不能轉化你所描繪的前景的話，那就得要求緊急迫降了。

不過沒關系，這裡就能夠提供幫助。HTML5的類型，比如說email和telephone，提供了更廣泛的通信選項，其與HTML5的語義基礎所賦予的結構化清晰度相結合，使得不會再有什麼壁壘存在於你和其他一切的暢通對話之間。

鑒於我們的以網絡為中心的世界、隨機性日益增強的全球經濟的忙碌步伐、雲計算的快步發展、移動技術使用的呈指數增長，以及跨平台的通信解決方案——既指商業的也指社會的——很明顯，我們正站在一個基於web的計算和通信的美麗新世界的門檻上。這一世界是通信的許多元素與IT之間這種不斷進化的聯姻的函數和導數，同時也是一個高度競爭的全球社會的需要。

設計表單

在HTML5中，表單已經做了重大的修整，一些以前需要JavaScript編碼的任務現在已經可以在不需要編碼的情況下就很容易地完成。本文中的表單例子分析了HTML5的表單創新套件的用法，當然，這一過程的第一步是規劃表單。

你要開發的表單例子的布局如圖1所示，你要開發表單頁面的三個區域：Header區、Form區和Footer區。Header區包含了封裝在< header>< /header>標簽中的頁面標題和副標題。在頁面的底部，Footer區包含了放在< footer>< /footer>標簽內的版權信息。我已經在這一文章系列的第一部分所提供的例子中討論了Header區和Footer區的構造，如果你對< header>和< footer>標簽不太熟悉的話，請參閱該篇文章。