整合營銷服務商

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

          免費咨詢熱線:

          網頁前端開發中常用的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一区二区三区| 国产一区二区精品久久岳| 日本精品一区二区三区四区| 无码人妻一区二区三区免费手机| 骚片AV蜜桃精品一区| 中文字幕一区二区三区在线观看 | 人妻天天爽夜夜爽一区二区| 国产美女露脸口爆吞精一区二区| 国产亚洲综合精品一区二区三区 | 亚洲AV美女一区二区三区| 99国产精品一区二区| 中文字幕在线观看一区二区 | 国产婷婷色一区二区三区深爱网| 亚洲一区AV无码少妇电影| 国产成人久久精品区一区二区 | 国内精品视频一区二区三区八戒| 亚洲熟女www一区二区三区| 精品一区二区三区东京热 | 久久久人妻精品无码一区| 亚洲国产av一区二区三区| AV无码精品一区二区三区宅噜噜| 国产午夜精品一区二区三区小说| 国产无套精品一区二区| 久久国产精品一区免费下载| 91一区二区视频| 亚洲熟妇AV一区二区三区宅男| 国产伦精品一区二区三区不卡| 风间由美在线亚洲一区| 一区二区三区免费视频网站| 成人无码AV一区二区| 亚洲一区二区三区不卡在线播放| 国产乱码精品一区二区三区四川人 | 色欲综合一区二区三区| 欲色aV无码一区二区人妻| 国产无人区一区二区三区|