1. 程式人生 > >[轉]Html 點選文字選中checkbox

[轉]Html 點選文字選中checkbox

原文地址

    <html>  
    <head>  
    <title>test</title>  
    <meta http-equiv="content-Type" content="text/html;charset=gb2312">  
    </head>  
    <body>  
    <form>  

    第一種:  
    文字必須是label標籤內,checkbox的id和<label>標籤內的for=""中的名字必須相同.  
    <label
for="check1">
姓名</label> <input type="checkbox" id="check1" value="123" name="name"> <label for="check2">密碼</label> <input type="checkbox" id="check2" value="456" name="name"> 第二種: 把文字和checkbox包含在<label>標籤內 <label>測試<input
type="checkbox" id="11" />
</label> </form> </body> </html>

相關推薦

[]Html 文字選中checkbox

原文地址 <html> <head> <title>test</title> <meta http-e

HTML文字後文本框獲得焦點的兩種方式

HTML標籤獲取 通過label標籤的for和input標籤的id,將它們起個一樣的名字 <div> <label class="first" for="tel"><s

文字CheckBox打√

今天在寫CheckBox的時候,突然發現不記得怎麼點選文字勾選上框框了,看了一下書,分享一下第一種: 文字必須是label標籤內,checkbox的id和<label>標籤內的for="

文字可以選中相應的checkbox

轉載: 這是一個例子: <html> <head> <title>中國站長天空-網頁特效-表單特效-點選文字選中的複選框</title> <meta http-equiv="content-Type" content="text/html;char

文字可以選中相應的checkbox

一、點選文字可以選中相應的checkbox   注意事項:文字必須是label標籤內,checkbox的id和<label>標籤內的for=""中的名字必須相同. <form> <label for="check1">人人網</la

zbb20181214 js,html 頁面出現遊走文字 富強 民主 民主

<script src="jquery-1.11.1.min.js"></script> <script type="text/javascript"> var a_idx = 0; jQuery

通過label標記實現單文字也能選中

文章轉載自:https://www.jb51.net/web/171886.html   在 label 元素內點選文字,就會觸發此控制元件。就是說,當用戶選擇該標籤時,瀏覽器就會自動將焦點轉到和標籤相關的表單控制元件上,下面有個示例,大家可以感受下: <label>

微信小程式例子——文字實現頁面跳

1、效果展示 .w 2、關鍵程式碼 index.js檔案 Page({ data:{ // text:"這是一個頁面" }, onLoad:function(options){

Html複製文字內容

(function name(params) { 'use strict'; //新增點選事件 document.body.addEventListener('click', copy, true); //copy事件

Jquery實現某一checkbox時,value類似的checkbox選中

<script type="text/jscript"> //點選某checkbox時,把相關的上傳檔案及生成檔案一併刪除。2012.2.15 jb $(document).ready(function(){      $(":checkbox").click

文字框顯示模式框,在模式框選中值,顯示在文字框中

如:jsp:       <input class="i3" type="text" name="textfield" id='select4passer${index}'onclick='open_Dialog(this);' value="中國"/> fun

js擊行選中checkbox

top col turn nbsp check list not input 事件冒泡 1、點擊行選中checkbox復選框 //點擊行勾選 $("#Qub_tb_List").on("click", "tr", function () { var input =

前端外掛jquery.singlePageNav.min.js(導航選單跳縮放選單摺疊按鈕緩衝效果外掛)

Bootstrap導航點選選單跳轉與點選縮放選單摺疊按鈕緩衝效果外掛jquery.singlePageNav.min.js 引入步驟: <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"><

[html]button後畫面被重新整理原因:未設定type="button"

一、問題原因解析: 在form表單裡的button, type 屬性未設定的情況下,Internet Explorer 的預設型別是 "button",而其他瀏覽器中(包括 W3C 規範)的預設值是 "submit: <form action="form_action.asp" me

tabulator預設選中,設定當前選中項不取消選擇

tabulator預設選中,設定點選當前選中項不取消選擇 $("#table").tabulator({ height:"92%", layout:"fitColumns", columnVertAlign:"bottom", tooltips:true

文字或按鈕彈出一個DIV視窗(DIV懸浮視窗)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head>

Android文字編輯進行縮放、移動和改變字型、顏色的實現

實現效果如下: 需求功能點包含: 1:介面的文字為動態新增; 2:點選介面中的文字,開啟編輯模式:可編輯文字內容,可設定字型顏色,字型型別,粗體及對齊等; 3:點選刪除從介面上清除文字塊; 4:拖動編輯模式下的文字塊的四個錨點,可以按文字中心位置縮放,同時工具欄跟隨文字

html複製到剪貼簿

<!DOCTYPE html>   <html xmlns="http://www.w3.org/1999/xhtml">   <head>   <meta http-equiv="Content-Type" content="te

HTML 圖片更換驗證碼的實現

有一些的網站的需要圖片驗證碼當你點選的時候可以變換驗證碼 <img style="height: 22px;" id="codeImg" onclick="this.src='verifycode?'+Math.random()"alt="點選更換" t

html 元素後顏色的變換

可以利用CSS的偽類實現: a:link,定義正常連結的樣式;  a:visited,定義已訪問過連結的樣式;  a:hover,定義滑鼠懸浮在連結上時的樣式;  a:active,定義滑鼠點選連