国产一区二区精品-国产一区二区精品久-国产一区二区精品久久-国产一区二区精品久久91-免费毛片播放-免费毛片基地

千鋒教育-做有情懷、有良心、有品質的職業教育機構

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

關注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  技術干貨  > HTML中的文本框–輸入字段HTML標記(一)

HTML中的文本框–輸入字段HTML標記(一)

來源:千鋒教育
發布人:syq
時間: 2022-09-21 10:34:00 1663727640

  在本文中,您將學習如何在 HTML 中創建文本輸入字段。您還將了解 Web 表單并大致了解它們的工作原理,因為文本框是每個表單的共同功能。讓我們開始吧!

輸入字段HTML標記

  什么是 Web 窗體?

  表單是收集信息的有效方式。

  在許多情況下,您需要填寫實體表格,打印的物理文檔,并提供個人詳細信息。

  例如,當您開始一份新工作時,或者當您要進行體檢時,或者當您正在租房/買房時,或者當您需要文書工作的任何其他時間時,您可以填寫一份表格并將其交給某人。

  就像物理表單一樣,在線數字 Web 表單是一種使用 Web 技術組合從用戶和訪問者接收和收集輸入、信息和重要數據的方式。

  Web 表單通過包含供用戶填寫其信息的空間來模擬物理表單。

  Web 窗體使用各種工具或窗體控件來收集用戶輸入。

  網站可以具有搜索框或文本輸入字段,用于輸入單行文本。這使用戶能夠搜索特定內容。

  網站還可以包含一個注冊表單,允許用戶注冊新聞通訊或其他更新。

  這通常包含一個文本輸入字段,用于輸入用戶的名字、姓氏和電子郵件地址。

  許多網站在進行在線購買時也有注冊/登錄表單,例如,用戶在文本字段中輸入用戶名,在單獨的字段中輸入密碼。盡管密碼字段也是文本字段,但每個文本字符都由黑點遮蓋,以隱藏正在鍵入的內容。

  網站還可以有一個更大的文本區域,供用戶輸入更長的文本段落,這對于在博客文章下面發表評論是有用的。

  許多表單還允許用戶通過選擇單選按鈕從多個選項中選擇特定選項。它們可以通過選中/取消選中復選框來允許用戶選擇多個選項。

  最后,所有表單都有一個提交按鈕,用于將數據提交到將存儲或處理的服務器。

  Web 表單的工作原理

  互聯網是一個大型的全球網絡,連接著世界各地數以百萬計的計算機。

  作為網絡一部分的計算機通過發送和接收信息來相互通信。

  實現這一點的方式要歸功于Web的客戶端/服務器請求/響應架構。

  客戶端通常是網絡瀏覽器(如谷歌瀏覽器),向網絡服務器發送請求。

  Web服務器是一種計算機硬件或軟件,用于存儲組成網站的文件,并在收到請求時分發這些文件。

  請求可能是查看作為網頁一部分的表單。

  服務器將組成 Web 表單的文件作為響應發回。然后,Web 瀏覽器將文件組合在一起,用戶在 Web 瀏覽器中查看表單。

  此請求/響應周期由稱為 HTTP(代表超文本傳輸協議)的協議構建。

  因此,在使用 Web 表單時,用戶需要輸入必要的數據。然后,在檢查是否填寫了所有必填字段以及數據格式是否正確的客戶端驗證之后,用戶單擊提交按鈕。

  然后,數據在 HTTP 請求中以名稱-值對的形式發送到服務器。這種在名稱-值對中組織信息的方法可確保正確的數據對應于正確的表單元素。

  然后使用服務器端語言(如 PHP、Ruby 或 Python)來處理信息并將其存儲在數據庫中以供以后使用或檢索。

  如何在 HTML 中創建網頁表單

  要在 HTML 中創建表單,您需要使用用于收集信息的元素。<form>

  該元素具有開始標記和結束標記。<form><form></form>

11

  元素采用兩個屬性:<form>

  屬性,指定要在其中發送和處理數據的 URL。action

  接受兩個 HTTP 謂詞之一(或 )作為值的屬性。如果未包括任何屬性,則默認使用該方法。method GET POST method GET

12

  但是,僅此一點并不能收集任何用戶輸入。

  什么是 HTML 元素?input

  元素最常用于從 Web 窗體收集和檢索用戶數據。<input>

  這是用戶輸入數據的地方。

  它嵌套在 元素中,并且是一個自閉合元素。這意味著它不需要結束標記。(結束標記具有正斜杠 。<form></>

  您可以使用它來創建不同樣式的輸入字段或表單輸入控件,以便用戶輸入各種不同類型的信息。

  它可以創建文本字段,電子郵件字段,密碼字段,復選框,單選按鈕,下拉菜單,提交按鈕,從用戶計算機選擇和上傳文件和圖像的功能等等。

  確定輸入字段或表單輸入控件類型的方法是設置屬性并為其賦值。type的一般語法如下所示:<input>

13

  例如,若要創建允許用戶上傳文件的字段,該元素將如下所示:<input>

14

  該屬性確定元素可以接受的數據類型。type input

  如何創建 HTML 文本框輸入字段

  未指定 時,屬性的默認值為文本。因此,文本輸入是最常見的輸入樣式。input type

  該行創建一個單行文本輸入字段,用戶可以在其中鍵入任何文本輸入。<input type="texe">

15

  當您在瀏覽器中查看頁面時,您可以看到已創建單行文本輸入字段:

16

  如何將占位符文本添加到文本字段

  占位符文本(也稱為填充文本)是一種提示和提示用戶需要在表單中填寫哪種信息的方法。它還可以在他們開始鍵入之前提供默認值。

17

  上面的代碼將導致以下內容:

18

tags:
聲明:本站稿件版權均屬千鋒教育所有,未經許可不得擅自轉載。
10年以上業內強師集結,手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師24小時內將與您1V1溝通
免費領取
今日已有369人領取成功
劉同學 138****2860 剛剛成功領取
王同學 131****2015 剛剛成功領取
張同學 133****4652 剛剛成功領取
李同學 135****8607 剛剛成功領取
楊同學 132****5667 剛剛成功領取
岳同學 134****6652 剛剛成功領取
梁同學 157****2950 剛剛成功領取
劉同學 189****1015 剛剛成功領取
張同學 155****4678 剛剛成功領取
鄒同學 139****2907 剛剛成功領取
董同學 138****2867 剛剛成功領取
周同學 136****3602 剛剛成功領取
相關推薦HOT