Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 国产成人综合亚洲动漫在线,2021精品国产综合久久 ,福利视频一区二区三区 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營銷服務(wù)商
          
				
          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費(fèi)咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          Python圖形界面添加radio button單選
          
        
           
          
	
	
          
		Python圖形界面添加radio button單選按鈕
          
                        
          現(xiàn)代碼
           1 # radiobuttons globals
 2 COLOR1="Blue"
 3 COLOR2="Gold"
 4 COLOR3="Red"
 5 
 6 # radiobutton callback
 7 def radCall():
 8     radSel=radVar.get()
 9     if      radSel==1: win.configure(background=COLOR1)
10    elif   radSel==2: win.configure(background=COLOR2)
11    elif   radSel==3: win.configure(background=COLOR3)
12 
13 # create three radionbuttons
14 radVar=tk.IntVar()
15 rad1=tk.Radiobutton(win, text=COLOR1, variable=radVar, value=1, command=radCall)
16 rad1.grid(column=0, row=5, sticky=tk.W)
17 
18 rad2=tk.Radiobutton(win, text=COLOR2, variable=radVar, value=2, command=radCall)
19 rad2.grid(column=1, row=5, sticky=tk.W)
20 
21 rad3=tk.Radiobutton(win, text=COLOR3, variable=radVar, value=3, command=radCall)
22 rad3.grid(column=2, row=5, sticky=tk.W)
          運(yùn)行結(jié)果
          設(shè)置背景色為藍(lán)色
          設(shè)置背景色為黃色
          設(shè)置背景色為紅色
          工作原理
          #2/3/4 創(chuàng)建模塊級全局變量，在創(chuàng)建單選框按鈕和設(shè)置背景顏色時(shí)用到。
          #7 回調(diào)函數(shù)，根據(jù)用戶選擇設(shè)置窗口背景顏色。
          #14 聲明變量radVar為適用于tkinter的IntVar()類型，為三個(gè)單選按鈕所共用。
          #15-22 創(chuàng)建三個(gè)單選按鈕，設(shè)置按鈕標(biāo)簽顯示內(nèi)容，綁定按鈕變量，設(shè)置數(shù)值及命令等。
          因篇幅原因，未附上完整代碼，如需參考其余代碼及注釋，敬請移步至之前文章；
          或私信獲取完整代碼源文件，謝謝。
          敬請關(guān)注更多Python GUI學(xué)習(xí)內(nèi)容分享：
          節(jié)課，我們實(shí)現(xiàn)表單中的單選和多選功能。
          對于所有人而言，每天都會面臨各種各樣的選擇。例如：1000W和北大錄取通知書我該選哪一個(gè)？我是去考研還是去工作？地上有一張50元和一張100元，我要撿哪一張？
          在HTML中如何實(shí)現(xiàn)單選和多選呢?
          我們可以通過在 form 標(biāo)簽里，嵌入 input 標(biāo)簽，通過設(shè)置 input 標(biāo)簽的 type 屬性值來實(shí)現(xiàn)單選和多選。
          單選，type 的取值為 radio，radio 是收音機(jī)的意思，因?yàn)槲覀兪章牴?jié)目只能調(diào)到一個(gè)波段，因此用它來表示單選按鈕，就是讓用戶在有限的選擇中只選擇一個(gè)。
          多選，type 取值為 checkbox，譯為復(fù)選框，也叫多選框，讓用戶在有限的選擇中選擇更多的選項(xiàng)。
          我們來實(shí)現(xiàn)一個(gè)單選和多選的功能。
          打開編輯器，新建一個(gè) radio_checkbox.html 文件，自動補(bǔ)全基礎(chǔ)代碼，在body標(biāo)簽內(nèi)部編寫一個(gè) form 表單標(biāo)簽，在 form 標(biāo)簽里面添加文本 選擇性別： (冒號讀出來) ，緊接著添加一個(gè) input 標(biāo)簽，設(shè)置標(biāo)簽的 type 屬性值為 radio，后面添加文本 "男"，回車換行。
          使用同樣的方法，再添加一個(gè) input 標(biāo)簽，設(shè)置標(biāo)簽的 type 屬性值為 radio，后面添加文本 "女"。保存。

          用瀏覽器打開頁面，一組性別選擇的單選框顯示在頁面中。使用鼠標(biāo)點(diǎn)擊單選控件，這時(shí)你會發(fā)現(xiàn)單選框出現(xiàn)了問題，性別居然能選擇多個(gè)?
          在這里需要提醒大家的是：
          單選框控件必須成組使用才有意義，并且每組至少需要兩個(gè)單選框。
          而“組”是通過 name 屬性來建立的，凡是 name 值相同的就是一組。
          同組的單選框，只有一個(gè)會處在選中狀態(tài)，其他的會自動呈現(xiàn)為未選中狀態(tài)。
          因此，如果沒有給單選框設(shè)置 name 屬性，默認(rèn)每個(gè)單選框自成一組，一旦選中這個(gè)單選框，要想通過點(diǎn)擊來解除選中狀態(tài)就做不到了。

          回到編輯器，為兩個(gè) input 單選框定義 name 屬性，值設(shè)置為 gender。保存。
          回到瀏覽器， 刷新。當(dāng)我們再次點(diǎn)擊性別選框的時(shí)候，單選的效果實(shí)現(xiàn)了。
          返回編輯器，在單選框結(jié)尾處添加一個(gè) br 標(biāo)簽。回車換行。
          輸入文本：前端基礎(chǔ)包括：在文本后輸入 input 中括號 type 等于 checkbox，input[type=checkbox] 按下 tab 鍵，創(chuàng)建三個(gè)多選框控件。
          分別在每一個(gè) input 復(fù)選框后面添加文本 HTML、CSS、JavaScript。保存。

          回到瀏覽器，刷新，包含三個(gè)選項(xiàng)的復(fù)選框做好了。鼠標(biāo)點(diǎn)擊復(fù)選框，出現(xiàn)了對鉤，表示已經(jīng)選中，再次點(diǎn)擊選中的復(fù)選框，取消選擇。
          我們再刷新一下頁面，發(fā)現(xiàn)單選框和多選框在默認(rèn)情況下，都沒有選中。能不能在打開頁面的時(shí)候，性別的男和前端基礎(chǔ)的HTML，默認(rèn)選中呢？
          單選框和多選框默認(rèn)選中效果，都可以通過定義 checked 屬性來實(shí)現(xiàn)，它的值只要不為空，任何字符都可以，通常我們會使用 checked 字符串作為它的值。另外，選中和取消選中只有兩個(gè)狀態(tài)，所以也可以不用定義值，只定義一個(gè)屬性名就可以了。
          返回編輯器，給第一個(gè)單選控件添加 checked 屬性，再給第一個(gè)多選控件添加 checked 屬性。保存。
          回到瀏覽器，刷新。性別和HTML默認(rèn)選中了。點(diǎn)擊其他控件，單選多選的功能依然有效。
          單選框和多選選框我們就講完了，快自己實(shí)現(xiàn)一下吧。
          文章配套視頻鏈接點(diǎn)我「鏈接」
          讀本文約需要10分鐘，您可以先關(guān)注我們，避免下次無法找到。
          HTML基礎(chǔ)教程上篇介紹了HTML的基礎(chǔ)知識及一些常用的標(biāo)簽，本篇文章主要介紹HTML的樣式、表單、Table、框架等內(nèi)容。下面我們就一起來了解吧！
          01 HTML樣式
          所有的HTML可以通過設(shè)置其style屬性來設(shè)置標(biāo)簽的樣式，下面我們就來演示幾個(gè)常用的HTML樣式設(shè)置。
          1）設(shè)置標(biāo)簽寬度與高度
          我們創(chuàng)建一個(gè)div標(biāo)簽，然后設(shè)置其高度與寬度，但由于div標(biāo)簽?zāi)J(rèn)沒有顏色我們看不到效果，所以在設(shè)置其高度與寬度時(shí)，同時(shí)為其設(shè)置一個(gè)背景顏色，具體示列如下：
          1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.   <title>HTML基礎(chǔ)教程</title>  
5.   <meta charset="utf-8" />  
6. </head>  
7. <body>  
8.   <!-- 給div寬度設(shè)置為一個(gè)長寬都為400px的正方形塊，同時(shí)背景色代碼塊為#46a6ff -->  
9.   <div style="width: 400px; height: 400px; background-color: #46a6ff;"></div>  
10. </body>  
11. </html>  
          2）設(shè)置字體類型與大小
          我們在上面div塊中加入文字，并給加入的文字設(shè)置字體類型與大小，同時(shí)為其加粗，具體示列如下：
          1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.   <title>HTML基礎(chǔ)教程</title>  
5.   <meta charset="utf-8" />  
6. </head>  
7. <body>  
8.   <!-- font-family是設(shè)置字體類型；font-size是設(shè)置字體大小；font-weight是給字體加粗  -->  
9.   <div style="width: 400px; height: 400px;  
10.         background-color: #46a6ff; font-family: 'Microsoft YaHei'; font-size: 40px; font-weight: bold">  
11.     我是div塊  
12.   </div>  
13. </body>  
14. </html>  
          3）設(shè)置字體水平與垂直居中
          上面我們給div加了字體樣式但并沒有居中，現(xiàn)在我們來看看怎么設(shè)置字體居中
          1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.   <title>HTML基礎(chǔ)教程</title>  
5.   <meta charset="utf-8" />  
6. </head>  
7. <body>  
8.   <!-- text-align給文字設(shè)置水平居中；line-height將其值設(shè)為與height一致，文字內(nèi)容就可以垂直居中   -->  
9.   <div style="width: 400px; height: 400px;  
10.         background-color: #46a6ff; font-family: 'Microsoft YaHei';  
11.         font-size: 40px; font-weight: bold;  
12.         text-align: center; line-height: 400px">  
13.     我是div塊  
14.   </div>  
15. </body>  
16. </html>  
          02 HTML Table
          在HTML頁面開發(fā)時(shí)我們經(jīng)常會用到表格進(jìn)行數(shù)據(jù)展示，HTML的表格是由標(biāo)簽<table>來定義的，每個(gè)表格均有若干行（<tr> 標(biāo)簽定義），每行被分割為若干單元格（由<td> 標(biāo)簽定義）。表格中常用的標(biāo)簽與樣式屬性如下：
          下面我們創(chuàng)建兩個(gè)表格示列，分別設(shè)置上述屬性具體如下
          1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.   <title>HTML基礎(chǔ)教程</title>  
5.   <meta charset="utf-8" />  
6. </head>  
7. <body>  
8.   <!-- 表格示列1 -->  
9.   <table border="1" bordercolor="black" width="450" height="100">  
10.      <caption>表格示列1</caption>  
11.      <tr bgcolor="red" > <!-- tr為一行的起始與結(jié)束 -->  
12.        <th>Column 1</th> <!-- 表格頭 -->  
13.        <th>Column 2</th>  
14.        <th>Column 3</th>  
15.      </tr>  
16.   
17.     <tr bgcolor="cyan"> <!-- 設(shè)置表格背景色 -->  
18.       <td>Data 1</td> <!-- td單元格 -->  
19.       <td>Data 2</td>  
20.       <td>Data 3</td>  
21.     </tr>  
22.   
23.     <tr bgcolor="yellow">  
24.       <td colspan="2">New Data 1</td> <!-- 設(shè)置該單元格合并這一行上的兩列 -->  
25.       <td>New Data 2</td>  
26.     </tr>  
27.   </table>  
28.   
29.   <!-- 表格示列2 -->  
30.   <table border="1" bordercolor="black" width="80%" height="100"> <!-- 設(shè)置單元格寬與高為百分比 -->  
31.      <caption> 表格示列2</caption>  
32.       <tr bgcolor="red" >  
33.         <th>Column 1</th>  
34.         <th>Column 2</th>  
35.         <th>Column 3</th>  
36.      </tr>  
37.   
38.      <tr>  
39.        <td rowspan="2">Data 1</td> <!-- 設(shè)置該單元格合并這一列上的兩行 -->  
40.        <td>Data 2</td>  
41.        <td>Data 3</td>  
42.      </tr>  
43.   
44.      <tr>  
45.       <td>Data 2</td>  
46.       <td>Data 3</td>  
47.      </tr>  
48.   </table>  
49. </body>  
50. </html>  
          03 HTML表單
          HTML 表單是一個(gè)包含表單元素的區(qū)域，用于搜集不同類型的用戶輸入。HTML表單在我們?nèi)粘g覽網(wǎng)頁時(shí)很常見，比如各網(wǎng)站的登錄頁面，就是典型的HTML表單應(yīng)用。HTML表單常用的標(biāo)簽元素有如下幾種：
          1）Text input：字符輸入框，一般賬戶與密碼輸入都是用的該標(biāo)簽
          2）Text area：文本輸入框，一般需要輸入較多文本內(nèi)容使用
          3）Radio button：單選框
          4）Checkbox：多選框
          5）Select box：選擇框
          6）File select：文件選擇框
          7）Buttons：按鈕
          表單元素常用的屬性及值設(shè)置如下表所示：
          結(jié)合上表我們創(chuàng)建一個(gè)表單示列，按照上表的屬性值進(jìn)行設(shè)置，具體操作如下
          1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.   <title>HTML基礎(chǔ)教程</title>  
5.   <meta charset="utf-8" />  
6. </head>  
7. <body>  
8. <form>  
9.   <h4>Input輸入框</h4>  
10.   用戶名 : <input type="text" name="user_name" size="4" value="成哥" maxlength="10"><br>  
11.   密碼 : <input type="password" name="user_pass" ><br>  
12.   <h4> Radio單選框:（name值設(shè)置時(shí)必須一致）</h4>  
13.     <input type="radio" name="r_gender"> Male  
14.     <input type="radio" name="r_gender"> Female  
15.     <input type="radio" name="r_gender" checked> Infant  
16.   <h4> Check box多選框 :（name值設(shè)置時(shí)必須不一樣）</h4>  
17.     <input type="checkbox" name="c_male" checked> Male  
18.     <input type="checkbox" name="c_female"> Female  
19.     <input type="checkbox" name="c_infant"> Infant  
20.   <h4> Select box :選擇框（單選）</h4>  
21.     <select name="s_box">  
22.       <option value="s_male">Male</option>  
23.       <option value="s_female" selected>Female</option>  
24.       <option value="s_infant">Infant</option>  
25.     </select>  
26.   <h4> Select box :擇框（多選）</h4>  
27.   <!-- 選擇項(xiàng)默認(rèn)展示4個(gè)，其它的選擇內(nèi)容需要通過鼠標(biāo)滾動 -->  
28.   <select name="s_box" size="4" multiple>  
29.     <option value="s_male" selected>Male</option>  
30.     <option value="s_female" selected>Female</option>  
31.     <option value="s_infant">Infant 1</option>  
32.     <option value="s_infant" selected>Infant 2</option>  
33.     <option value="s_infant">Infant 3</option>  
34.     <option value="s_infant">Infant 4</option>  
35.   </select>  
36.   <h4> Text文本輸入框</h4>  
37.     <textarea rows="10" cols="80" name="txt_area">文本框  
38.        HTML基礎(chǔ)教程  
39.        表單示列  
40.     </textarea>
41.   </form>
42. </body>
43. </html>
          下面我們再創(chuàng)建一個(gè)button的表單示列，具體如下
          1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.   <title>HTML基礎(chǔ)教程</title>  
5.   <meta charset="utf-8" />  
6. </head>  
7. <body>  
8.   
9.   <!-- 設(shè)置表單提交方式為get, 跳轉(zhuǎn)的url為"http://www.baidu.com" -->  
10.   <form method="get" action="http://www.baidu.com">  
11.     <h4> Buttons按鈕表單示列</h4>  
12.     用戶名 : <input type="text" name="user_name" size="4" value="成哥" maxlength="16"><br>  
13.     密碼 : <input type="password" name="user_pass" ><br>  
14.     <!-- 點(diǎn)擊在游覽器上方顯示Say Hello -->  
15.     <input type="button" onclick="alert('Hello')" name="b_alert" value="Say Hello"/><br>  
16.     <!-- 點(diǎn)擊跳轉(zhuǎn)到百度 -->  
17.     <input type="submit" name="b_submit" value="百度走起"/>  
18.     <!-- 點(diǎn)擊重置會重置表單內(nèi)輸入的內(nèi)容 -->  
19.     <input type="reset" name="b_reset" value="重置"/><br>  
20.   </form>  
21.   
22. </body>  
23. </html>  
          04 HTML框架iframe
          使用HTML框架可以在同一個(gè)瀏覽器窗口中顯示多個(gè)頁面，iframe的語法格式如下所示
          1. <iframe src="URL">  
2.   <!-- URL指向不同的頁面 -->  
3. </iframe>  
我們現(xiàn)在創(chuàng)建一個(gè)iframe框架使用示列具體如下
1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.   <title>HTML基礎(chǔ)教程</title>  
5.   <meta charset="utf-8" />  
6. </head>  
7. <body>  
8.   
9.   <h4>iframe使用示列一(簡單的iframe使用)</h4>  
10.   <!-- 給iframe顯示區(qū)域設(shè)置寬度為800，高度為200，同時(shí)去掉其邊框 -->  
11.   <iframe src="http://www.baidu.com" width="800" height="200" frameborder="0"></iframe>  
12.   
13.   <br/>  
14.   <br/>  
15.   
16.   <h4>iframe使用示列二(通過點(diǎn)擊指定鏈接在iframe中顯示)</h4>  
17.   <!-- a標(biāo)簽中的target名稱必須與iframe的name一致都為qq -->  
18.   <a href="http://www.qq.com" target="qq">點(diǎn)擊我在iframe中顯示qq頁面</a>  
19.   <iframe name="qq" width="800" height="200" frameborder="0"></iframe>  
20. </body>  
21. </html>  
          05 總結(jié)
          至此我們《HTML基礎(chǔ)教程》就全部講完了，有任何問題都可以在文章后面留言。最后如果喜歡本篇文章不要忘了點(diǎn)贊、關(guān)注與轉(zhuǎn)發(fā)哦！
          -END-
          @IT管理局專注計(jì)算機(jī)領(lǐng)域技術(shù)、大學(xué)生活、學(xué)習(xí)方法、求職招聘、職業(yè)規(guī)劃、職場感悟等類型的原創(chuàng)內(nèi)容。期待與你相遇，和你一同成長。
          文章推薦：
          • 程序員都必掌握的前端教程之HTML基礎(chǔ)教程（上） 
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
一区二区三区无码视频免费福利
|
亚洲av综合av一区|
久久久久久综合一区中文字幕
|
无码国产精品一区二区免费虚拟VR|
无码人妻啪啪一区二区|
亚洲综合无码精品一区二区三区|
欧亚精品一区三区免费|
人妻久久久一区二区三区|
国产精品一区三区|
无码欧精品亚洲日韩一区夜夜嗨|
日韩AV无码久久一区二区|
国产亚洲一区二区手机在线观看|
一区二区三区国模大胆|
国产在线不卡一区|
国产无吗一区二区三区在线欢|
亚洲欧美成人一区二区三区|
色偷偷久久一区二区三区|
亚洲AV无码一区二区二三区软件
|
久久99国产一区二区三区|
全国精品一区二区在线观看|
亚洲AV无码一区二区三区牲色
|
精品一区二区高清在线观看|
日韩一区二区三区不卡视频
|
无码国产精品一区二区免费式芒果|
精品国产亚洲一区二区在线观看
|
国产成人无码AV一区二区|
亚洲片国产一区一级在线观看|
视频在线一区二区三区|
亚洲一区二区三区国产精品|
久久国产午夜精品一区二区三区|
亚洲国产成人久久一区WWW
|
久久人妻无码一区二区|
成人国产精品一区二区网站公司|
无码夜色一区二区三区|
精品国产高清自在线一区二区三区|
亚洲av永久无码一区二区三区|
亚洲欧美国产国产一区二区三区
|
无码一区二区三区视频|
日韩一区二区在线观看视频|
人妻AV中文字幕一区二区三区|
亚洲一区二区三区免费视频|