整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          肖sir_html之表單標簽

          單標簽



          常見的語句:

          form:表單標簽格式

          作用:用來收集用戶輸入信息如:登入、注冊、搜索商品等
          action:開始網址
          method:get和post等等
          text (明文):用戶名格式
          password :(密文)密碼
          radio :單選框 性別格式 性別是單選,單選類型是radio,注意name要加上sex
          checkbox:復選框
          textarea:文本框
          file:上傳文件
          select:下拉選擇框
          button:按鈕
          reset:重置
          submit:提交

          詳解:




          <!DOCTYPE html>

          <html>

          <head>

          <meta charset="UTF-8">

          <title>表單標簽</title>

          </head>

          <body>

          <form action="https://hao.360.com/" method="post">

          <p>賬號:<input type="text" /></p>

          <p>密碼:<input type="password" /></p>

          <p>

          <input type="radio" name="sex" id="" />男

          <input type="radio" name="sex" id="" />女

          </p>

          <p>

          <input type="checkbox" name="" id="" value="" />linux

          <input type="checkbox" name="" id="" value="" />mysql

          <input type="checkbox" name="" id="" value="" />html

          <input type="checkbox" name="" id="" value="" />python

          </p>

          <p>學歷

          <select name="">

          <option value="">請選擇學歷</option>

          <option value="">小學</option>

          <option value="">初中</option>

          <option value="">高中</option>

          <option value="">大學</option>

          </select>

          </p>

          <p>自我介紹:<br />

          <textarea name="" rows="10" cols="30"></textarea>

          </p>

          <input type="reset" value="重置"/>

          <input type="submit" value="提交"/>

          <input type="button" value="按鈕"/>

          </form>

          </body>

          </html>

          TML 表單用于收集不同類型的用戶輸入,它是一個包含表單元素的區域。

          表單元素是允許用戶在表單中輸入內容,比如:文本域(textarea)、下拉列表、單選框(radio-buttons)、復選框(checkboxes)等等。今天我們主要來說說文本域和密碼域這兩個部分,希望對大家學習有所幫助喲!

          本文福利后臺回復【學習】即可獲得Python、HTML等編程學習資料

          HTML 表單

          表單使用表單標簽 <form> 來設置:

          <form>

          First name: <input type="text" name="firstname"><br>

          Last name: <input type="text" name="lastname">

          </form>


          HTML 表單 - 輸入元素

          多數情況下被用到的表單標簽是輸入標簽(<input>)。輸入類型是由類型屬性(type)定義的。

          如何在 HTML 頁面創建文本域?

          用戶可以在文本域中寫入文本,參考代碼如下:

          <!DOCTYPE html>

          <html>

          <head>

          <meta charset="utf-8">

          <title>菜鳥教程(runoob.com)</title>

          </head>

          <body>

          <form action="">

          First name: <input type="text" name="firstname"><br>

          Last name: <input type="text" name="lastname">

          </form>

          <p><b>注意:</b> 表單本身是不可見的。并且注意一個文本字段的默認寬度是20個字符。</p>

          </body>

          </html>

          運行結果為

          如何創建 HTML 的密碼域?

          <!DOCTYPE html>

          <html>

          <head>

          <meta charset="utf-8">

          <title>菜鳥教程(runoob.com)</title>

          </head>

          <body>

          <form action="">

          Username: <input type="text" name="user"><br>

          Password: <input type="password" name="password">

          </form>

          <p><b>注意:</b> 密碼字段中的字符是隱藏的(顯示為星號或圓圈)。</p>

          </body>

          </html>

          運行結果如下


          戳了解更多免費領取HTML試聽課~

          、表單元素介紹【用戶名、密碼、單選框、多選框】

          1、表單:就是從網頁上看見的各種各樣的框,比如 登陸框、同意協議的選項框、下拉框、只能選男女的選框等。

          二、演示:主要代碼在下面

          三、代碼實現:用戶名、密碼、單選框、多選框、文件上傳框、文本框、下拉框

          代碼需要復制到編譯器里面看,效果會好些

          代碼實例:所有的框、按鈕,都在下面的代碼中,并且有注釋,照著寫就好

          注意事項:單標簽的內容是單標簽的屬性(也就是在標簽中加入 value 屬性);雙標簽的內容在兩個標簽之間。

          注意事項:

          1、表單元素中,用戶可以輸入值的時候,可以不加value屬性 -- (比如:文本框、文本域)。

          2、當表單元素中沒有值的時候,需要加value屬性 -- (比如:單選框、復選框)。


          主站蜘蛛池模板: 波多野结衣中文字幕一区| 亚洲av无码成人影院一区| 亚洲熟妇av一区二区三区| 一区二区三区杨幂在线观看| 中文字幕精品亚洲无线码一区| 亚洲日韩一区二区三区| 国产精品va无码一区二区| 无码人妻一区二区三区在线水卜樱 | 久久精品国产免费一区| 日韩精品一区二区三区在线观看| 麻豆亚洲av熟女国产一区二| 精品久久一区二区| 国产一区二区电影在线观看| 国产成人无码一区二区三区在线 | 亚州国产AV一区二区三区伊在| 日本精品一区二区三区视频| 中文字幕日韩精品一区二区三区| 亚洲国产系列一区二区三区| 中文字幕无码不卡一区二区三区 | 国产精品一区在线播放| 国产精品高清一区二区人妖| 一区二区三区高清| 成人国产精品一区二区网站公司| 亚洲AV日韩综合一区尤物| 亚洲日韩精品国产一区二区三区 | 久久精品午夜一区二区福利| 精品国产鲁一鲁一区二区| 呦系列视频一区二区三区| 国产日韩高清一区二区三区| 中文字幕精品一区二区三区视频| 国产一区二区在线观看app| 精品一区二区三区免费| 精品人妻AV一区二区三区| 亚洲av综合av一区二区三区| 国产大秀视频一区二区三区 | 国产怡春院无码一区二区| 国产成人精品亚洲一区| 99精品国产一区二区三区| 无码午夜人妻一区二区三区不卡视频| 亚洲国产一区国产亚洲| 女同一区二区在线观看|