整合營銷服務商

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

          免費咨詢熱線:

          肖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屬性 -- (比如:單選框、復選框)。


          主站蜘蛛池模板: 小泽玛丽无码视频一区| 任你躁国语自产一区在| 国产午夜精品一区理论片| 精品少妇ay一区二区三区| 奇米精品一区二区三区在| 国产伦精品一区二区三区免费迷| 成人区精品一区二区不卡| 精品国产一区AV天美传媒| 国产成人AV一区二区三区无码 | 亚洲av无码一区二区三区观看| 中文字幕一区二区三区人妻少妇| 国产av福利一区二区三巨| 国产一区二区福利久久| 精品国产一区二区三区久久狼| 国产乱人伦精品一区二区| 综合无码一区二区三区四区五区 | 国产精品无码一区二区在线| 中文字幕日韩一区| 日本视频一区在线观看免费| ...91久久精品一区二区三区| 无码精品一区二区三区免费视频| 九九久久99综合一区二区| 久久国产免费一区二区三区| 亚洲高清日韩精品第一区| 中文字幕乱码一区久久麻豆樱花| 无码日韩精品一区二区免费| 在线观看日韩一区| 精品人妻少妇一区二区三区在线 | 成人无码精品一区二区三区| 精品无码一区二区三区亚洲桃色 | 精品无码成人片一区二区| 老湿机一区午夜精品免费福利| 高清无码一区二区在线观看吞精| 一区二区三区在线观看中文字幕| 久久久久人妻一区精品果冻| 中文字幕在线无码一区二区三区| 无码人妻久久一区二区三区| 国精产品999一区二区三区有限| 日韩精品一区二区午夜成人版| 国产综合一区二区在线观看| 91一区二区视频|