怎麼在Html頁面新增文字框

Html是現在十分常用的網頁型別之一,有些新使用者不知道怎麼在Html頁面新增文字框,接下來小編就給大家介紹一下具體的操作步驟。

具體如下:

  1. 1. 首先第一步先開啟程式碼檔案,接著根據下圖箭頭所指,輸入【<input type "text" />】。

  2. 2. 第二步開啟網頁預覽視窗,根據下圖所示,成功顯示空白文字框。

  3. 3. 第三步根據下圖箭頭所指,繼續輸入程式碼【name="userName" />】,可以按照需求設定名稱屬性。

  4. 4. 第四步根據下圖箭頭所指,繼續輸入程式碼【maxlength="10" />】,可以按照需求設定最大長度屬性。

  5. 5. 第五步需要注意的是,根據下圖箭頭所指,label標籤與文字框存在區別。

  6. 6. 最後根據下圖箭頭所指,繼續輸入程式碼【value="使用者名稱"/>】,可以按照需求設定文字框值。

  7. 以上就是怎麼在Html頁面新增文字框的方法。