整合營銷服務商

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

          免費咨詢熱線:

          肖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日韩综合一区二区三区| 国产精品xxxx国产喷水亚洲国产精品无码久久一区| 中文字幕一区二区三区日韩精品| 国产麻豆媒一区一区二区三区| 色偷偷久久一区二区三区| 亚洲乱色熟女一区二区三区丝袜| 日本高清无卡码一区二区久久| 亚洲AV一区二区三区四区| 中文字幕精品一区二区| 无码人妻视频一区二区三区| 国产天堂一区二区综合| 一区二区三区免费在线视频| 一区二区国产在线观看| 午夜视频久久久久一区 | 精品欧洲av无码一区二区三区| 国产一区二区三区免费| 久久综合一区二区无码| 久久毛片免费看一区二区三区| 搜日本一区二区三区免费高清视频| 国产成人久久一区二区三区 | 天天爽夜夜爽人人爽一区二区 | 无码乱人伦一区二区亚洲一 | 麻豆精品人妻一区二区三区蜜桃| 亚洲一区二区三区高清不卡| 无码av免费毛片一区二区| 国产Av一区二区精品久久| 国模无码视频一区| 一区二区三区AV高清免费波多| 国产另类ts人妖一区二区三区| 国产在线aaa片一区二区99| 国产免费一区二区三区在线观看| 无码成人一区二区| 国产福利一区二区三区视频在线| 在线观看视频一区二区| 午夜精品一区二区三区在线视| 国产午夜精品一区理论片| 97人妻无码一区二区精品免费 | 麻豆AV一区二区三区| 亚洲变态另类一区二区三区|