整合營銷服務商

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

          免費咨詢熱線:

          網頁前端開發中常用的html控件(二)button和select「208」

          :想了解input和label請參看我寫的文【207】點我進入【207】

          一、button。

          <button>是按鈕標簽,<input type="button" />也是按鈕標簽,它們之間的區別就是button更加強大,它除了可以包含文本之外,還可以包含格式化的文本和圖像,這就是它的強大所在,下面展示它的圖片按鈕功能,當然我畫的按鈕很丑,別介意。

          圖1

          圖2

          這里隨便講講button標簽的四個常用屬性。

          1. disabled禁用按鈕
          2. name指定按鈕名稱
          3. type按鈕類型,屬性值有button,reset,submit三個
          4. value按鈕的初始值

          圖3

          圖4

          圖5

          二、select。

          select是列表和下拉菜單,select不能一個人戰斗,它需要option的配合。

          圖6

          圖7

          disable是禁用的意思。

          圖8

          圖9

          optgroup可以對option進行分組。

          圖10

          圖11

          selected初始被選中的項,開始時默認選中菠蘿。

          圖12

          圖13

          篇文章主要的向大家介紹了關于html input標簽的單選按鈕的使用方法,還有關于HTML input標簽的單選默認按鈕的做法。接下來我們一起來看看這篇文章吧

          首先我們介紹的是在html input標簽中的單選按鈕的做法:

          <input> 標簽用于搜集用戶信息。根據不同的type屬性值,輸入字段擁有很多種形式。輸入字段可以是文本字段、復選框、掩碼后的文本控件、單選按鈕、按鈕等等。

          話不多說,上代碼實例:

          > <form action="form_action.asp" method="get">
          > 
          > <input type="radio" name="radio" value="1">單選1
          > 
          > <input type="radio" name="radio" value="2">單選2
          > 
          > <input type="radio" name="radio" value="3">單選3
          > 
          > <input type="radio" name="radio" value="4">單選4
          > 
          > </form>

          這個的效果很容易看到,我們還是先看看瀏覽器中的顯示效果吧:



          這個效果一眼就能看到,很簡單的一個代碼

          還有種是很多網站上都是經常見到的,比如:單選性別,這個基本上都是用這種單選框去制作的。代碼如下:

          HTML中的單選按鈕實現男女性別選擇,不讓男女同是都能都能選擇,實現方法:在按鈕的屬性里寫一個name屬性,并且把name的值設置成相同的

          > <input id="man" type="radio" checked="checked" name="1" />男
          > 
          > <input id="woman" type="radio" name="1"/>女

          這個就不給圖了,比上面那個還簡單,就兩個單選框,我們經常遇到的這個。

          現在來說說HTML單選框按鈕怎么默認選中:

          首先我們先把第一個實例拿出來繼續說,我們只需要在其中加一個屬性,如下:

          > <form action="form_action.asp" method="get">
          > 
          > <input type="radio" name="radio" value="1">單選1
          > 
          > <input type="radio" name="radio" value="2" checked>單選2
          > 
          > <input type="radio" name="radio" value="3">單選3
          > 
          > <input type="radio" name="radio" value="4">單選4
          > 
          > </form>

          效果依舊很明顯,看效果圖:



          這上面我沒做任何的點擊,自己出現在那上面的,刷新過后還能看到在單選2上面。

          我們就可以看到,這樣就把單選框給默認選中了,大家可以自己試試,多敲敲代碼。

          好了,以上就是這篇關于html input標簽做單選按鈕的文章了,有問題的可以在下方提問。

          以上就是html單選按鈕默認選中怎么做?input標簽的單選按鈕用法實例的詳細內容,更多請關注我!!!

          我自己是一名從事了多年開發的web前端老程序員,目前辭職在做自己的web前端私人定制課程,今年我花了一個月整理了一份最適合2020年學習的web前端學習干貨,各種框架都有整理,送給每一位前端小伙伴,想要獲取的可以關注我的頭條號并在后臺私信我:前端,即可免費獲取。

          Button 對象

          Button 對象代表一個按鈕。

          在 HTML 文檔中 <button> 標簽每出現一次,Button 對象就會被創建。

          在 HTML button 元素中你可以添加內容,如文本或者圖片,這是與input 按鈕(button) 類型的不同之處。

          Button 對象屬性

          W3C: W3C 標準。

          屬性描述W3C
          disabled設置或返回是否禁用按鈕。Yes
          form返回對包含按鈕的表單的引用。Yes
          name設置或返回按鈕的名稱。Yes
          type返回按鈕的表單類型。Yes
          value設置或返回顯示在按鈕上的文本。Yes

          標準屬性和事件

          Button 對象同樣支持標準的 屬性 和 事件。

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!


          主站蜘蛛池模板: 视频在线观看一区| 亚洲AV无码第一区二区三区| 亚洲福利视频一区二区| 精品亚洲AV无码一区二区三区| 午夜无码一区二区三区在线观看| 精品视频无码一区二区三区| 国产精品小黄鸭一区二区三区 | 亚洲国产国产综合一区首页| 精品国产一区二区三区2021| 福利一区在线视频| 无码人妻av一区二区三区蜜臀 | 国产一区精品视频| 欧洲亚洲综合一区二区三区| 国产高清一区二区三区| 精品国产一区二区三区无码| 少妇无码一区二区三区免费| 国产一区二区福利| 无码日韩精品一区二区免费暖暖| 国产麻豆精品一区二区三区v视界| 免费萌白酱国产一区二区三区| 相泽亚洲一区中文字幕| www亚洲精品少妇裸乳一区二区 | 福利一区国产原创多挂探花| 深夜福利一区二区| 亚洲成av人片一区二区三区| 一区二区免费国产在线观看| 国产精品小黄鸭一区二区三区| 国产一区二区三精品久久久无广告| 国精品无码A区一区二区| 国产乱码精品一区二区三区中文| 亚洲国产精品一区二区久久hs| 性无码一区二区三区在线观看| 无码国产精品一区二区免费vr| 91香蕉福利一区二区三区| 日韩一区二区a片免费观看| 小泽玛丽无码视频一区| 亚洲一区二区三区影院| 亚洲一区二区三区91| 精品国产免费一区二区| 国产在线精品一区二区三区不卡 | 亚洲Av高清一区二区三区|