使用單選框、複選框,讓使用者選擇
在使用表單設計調查表時,為了減少使用者的操作,使用選擇框是一個好主意,html中有兩種選擇框,即單選框和複選框,兩者的區別是單選框中的選項使用者只能選擇一項,而複選框中使用者可以任意選擇多項,甚至全選。請看下面的例子:
語法:
<input type="radio/checkbox" value="值" name="名稱" checked="checked"/>
1、type:
當 type="radio" 時,控制元件為單選框
當 type="checkbox" 時,控制元件為複選框
2、value:提交資料到伺服器的值(後臺程式PHP使用)
3、name:為控制元件命名,以備後臺程式 ASP、PHP 使用
4、checked:當設定 checked="checked" 時,該選項被預設選中
如下面程式碼:
注意:程式碼中的<label>標籤在本章 5-9 中有講解。
在瀏覽器中顯示的結果:
注意:同一組的單選按鈕,name 取值一定要一致,比如上面例子為同一個名稱“radioLove”,這樣同一組的單選按鈕才可以起到單選的作用。
相關推薦
Jquery單選框、複選框、下拉框動態設定預設項,及動態獲取選中項。
1.單選框Html程式碼: 女 男 <div class="col-sm-7"> <div class="rdio rdio-success col-sm-2">
HTML5文字域,單選框、複選框,下拉列表框,提交、重置按鈕的設定,label標籤
文字域,支援多行文字輸入 當用戶需要在表單中輸入大段文字時,需要用到文字輸入域。 語法: <textarearows="行數"cols="列數">文字</textarea>
使用單選框、複選框,讓使用者選擇
在使用表單設計調查表時,為了減少使用者的操作,使用選擇框是一個好主意,html中有兩種選擇框,即單選框和複選框,兩者的區別是單選框中的選項使用者只能選擇一項,而複選框中使用者可以任意選擇多項,甚至全選。
關於單選框、下拉框、複選框的資料回顯問題以及全選和全不選
在列表顯示的介面中通常都有編輯操作,進行編輯操作時通常就牽涉到資料的回顯問題,本文中編輯介面和新增介面是在同一個介面。 頁面中使用了jstl中的c標籤,所以要先引用: <%@ taglib prefix="c" uri="http://java.sun.com/js
表單測試-單選按鈕、複選框、下拉列表框、搜尋框填充域驗證點
1.單選按鈕測試常見驗證點 單選按鈕常在註冊新使用者選擇性別處用到,單選按鈕測試常見驗證點如下: 1.一組單選按鈕不能同時選中,只能選中一個 2.逐一執行每個單選按鈕的功能。分別選擇“男”、“女”後,儲存到資料庫的資料應該分別為“男”、“女”。 3.一組執行同一個功能
js和jQuery分別實現 單選框、複選框、下拉列表的表單驗證
關於頁面表單驗證:一些簡單的理解單選框/複選框:js程式碼:$(function () { $("#Button").click(function () {var love = document.getElementsByName("love"); for(var i
GUI程式設計基礎學習(三)——單選按鈕、複選框、組合框
單選按鈕JRadioButton JRadioButton元件用於實現一個單選按鈕。JRadioButton類可以單獨使用,也可以與ButtonGroup類聯合使用,當其單獨使用時,該單選按鈕可以被選定和被取消選定;當與ButtonGroup類聯合使用時,需要使用add()方法將JRadioBu
select選擇框、單選框、複選框的使用
1、 <input text="checkbox" class="targetItem">, js操作CheckBox的選中和不選:$(".targetItem").checked=true;/$(".targetItem").checked=false; 全選
用jQuery得到form表單裡面文字框、密碼框、單選框、下拉框、複選框的值
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>通過jQuery獲取表
javascrip下拉框、複選框的一些操作
下拉框的一些基本操作 //1.獲取下拉框的值 var radioValue = $("#radio option:selected").val(); //2.將下拉框中的某個值設定為選中狀態 $("#opt option").each(function(){ if($(this).va
jQuery獲取Select選擇的Text(文字資訊)和 Value屬性的值,select語法解釋;單選框和複選框
地址:http://www.cnblogs.com/yaoshiyou/archive/2010/08/24/1806939.html jQuery獲取Select選擇的Text和Value: 語法解釋: 1. $("#select_id").change(function(){
MFC介面程式設計基礎(12):組框、單選按鈕和複選框
上一篇:MFC介面程式設計基礎(11):靜態文字框、命令按鈕和編輯框 下一篇:MFC介面程式設計基礎(13):列表框和組合框 組框、單選按鈕和複選框都是對話方塊的常見控制元件。組框與靜態文字框一樣是CStatic類
php一些單選、複選框的預設選擇方法
<form name="FORM" method="post" action="" enctype="multipart/form-data"> <select name='aaa' id='bbb'> <option value=''>省份分類---</option
【VueJS】v-model單選、複選框的應用(學習中...)
下面是我寫的Demo以及我的理解 <div id="app"> <h3>單選按鈕繫結資料</h3> <input type="radio"
mui開發中獲取單選按鈕、復選框的值
nbsp ++ element pretty 按鈕 選擇 return null 單選按鈕的值 js獲取單選按鈕的值 function getVals(){ var res = getRadioRes(‘rds‘); if(res == null){mui.
vue.js實現單選框、復選框和下拉框
new type 方式 避免 -- js實現 處理 scrip 按鈕 Vue.js可以很方便的實現數據雙向綁定,所以在處理表單,人機交互方面具有很大的優勢。下邊以單選框、復選框和下拉框為例介紹他們在HTML和Vue.js中的具體實現方式。 一、單選框 在傳統的HTML
Android基礎控件——AlertDialog、ProgressDialog實現單選對話框、多選對話框、進度條對話框、輸入框對話框
事先 pre 進度 技術分享 android基礎 水平 介紹 iss support AlertDialog、ProgressDialog實現單選對話框、多選對話框、進度條對話框、輸入框對話框 事先說明: 對話框應選用android.support.v7這個包底下的組件
web頁面表格、複選框、調整列寬——20181126
資料解析後,根據資料內容在頁面上通過表格顯示出來,同時添加了複選框和修改列寬的內容。 <!DOCTYPE html> <html > <head> <meta charset="UTF-8"> <script type="text/java
【2018.05.14】python3.6+selenium 單選框和複選框
下面是一個單選框和複選框的HTML檔案 <html> <head> <title>"X box 單選"</title> </head> <body> &l
11、Selenium + Python 實現 UI 自動化測試-操作按鈕、複選框
一、按鈕 input type=button .click()方法,實現點選按鈕功能 from selenium import webdriver from time import sleep