成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

#WEB安全基礎(chǔ) : HTML/CSS | 0x10.1更多表單

TerryCai / 828人閱讀

摘要:黑體來認(rèn)識(shí)更多的表單吧,增加知識(shí)面黑體我只創(chuàng)建了一個(gè)幫助你認(rèn)識(shí)它們黑體以下是代碼單按鈕輸入單選和中間夾的東西在網(wǎng)頁上顯示一個(gè)類型的選項(xiàng)推薦用同樣的值,增強(qiáng)代碼可讀性分割線復(fù)選框輸入多選

來認(rèn)識(shí)更多的表單吧,增加知識(shí)面

我只創(chuàng)建了一個(gè)index.html幫助你認(rèn)識(shí)它們


以下是代碼

 1 DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset = "utf-8">
 5 head>
 6 <body>
 7 
 8 <form action = "" method = "POST">
 9 <input type = "radio" name = "yesorno" value = "yes">Yinput>                    
10 <br>
11 <input type = "radio" name = "yesorno" value = "no">Ninput>
12 form>
13 <hr>        
14 
15 <form action = "" method = "POST">        
16 <input type = "checkbox" name = "spice" value = "Salt">Saltinput>
17 <br>
18 <input type = "checkbox" name = "spice" value = "Pepper">Pepperinput>
19 <br>
20 <input type = "checkbox" name = "spice" value = "Garlic">Garlicinput>
21 form>
22 <hr>
23 
24 <form action = "" method = "POST">        
25 <textarea name = "name" rows = "10" cols = "50">My name is textarea>
26 form>
27 <hr>
28 <p>
29 你喜歡什么顏色?
30 p>
31 <form action = "" method = "POST">
32 <select name = "color">                        
33 <option value = "Black">黑色option>        
34 <option value = "White">白色option>
35 <option value = "Blue">藍(lán)色option>
36 <option value = "Red">紅色option>
37 select>
38 form>
39 <hr>
40 <form action = "" method = "POST">
41 <input type = "number" min = "0" max = "9">        
42 form>
43 <hr>
44 <form action = "" method = "POST">
45 <input type = "range" min = "0" max = "15" step = "5">        
46 form>
47 <hr>
48 <form action = "" method = "POST">
49 <input type = "date">        
50 form>
51 <hr>
52 
53 
54 <form action = "" method = "POST">
55 <input type = "email">        
56 <input type = "tel">        
57 <input type = "url">        
58 form>
59 body>
60 html>

以下是顯示效果

?

發(fā)揮你的想象力創(chuàng)造出更整潔,更有用的表單


//本系列教程基于《Head First HTML與CSS(第二版)》,此書國內(nèi)各大購物網(wǎng)站皆可購買


轉(zhuǎn)載請(qǐng)注明出處? by:M_ZPHr

最后修改日期:2019-01-17

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/1296.html

相關(guān)文章

  • #WEB安全基礎(chǔ) : HTML/CSS | 文章索引

    摘要:黑體本系列講解安全所需要的和黑體安全基礎(chǔ)我的第一個(gè)網(wǎng)頁黑體安全基礎(chǔ)初識(shí)黑體安全基礎(chǔ)初識(shí)標(biāo)簽黑體安全基礎(chǔ)文件夾管理網(wǎng)站黑體安全基礎(chǔ)模塊化黑體安全基礎(chǔ)嵌套列表黑體安全基礎(chǔ)標(biāo)簽拓展和屬性的使用黑體安全基礎(chǔ)嵌套本系列講解WEB安全所需要的HTML和CSS #WEB安全基礎(chǔ) : HTML/CSS | 0x0 我的第一個(gè)網(wǎng)頁 #WEB安全基礎(chǔ) : HTML/CSS | 0x1初識(shí)CSS #WEB安全基...

    EscapedDog 評(píng)論0 收藏0
  • #WEB安全基礎(chǔ) : HTML/CSS | 0x10實(shí)現(xiàn)交互_表單

    摘要:黑體先看看表單如何工作吧黑體請(qǐng)求黑體響應(yīng)黑體簡(jiǎn)要工作流程黑體瀏覽器加載頁面黑體用戶輸入數(shù)據(jù)黑體用戶提交表單黑體服務(wù)器響應(yīng)黑體概念都清楚了,我們來寫表單吧黑體只有一個(gè)文件黑體這是顯示黑體你先看看表單如何工作吧 請(qǐng)求 ? 響應(yīng) ? 簡(jiǎn)要工作流程: 瀏覽器加載頁面 用戶輸入數(shù)據(jù) 用戶提交表單 服務(wù)器響應(yīng) 概念都清楚了,我們來寫表單吧 只有一個(gè)html文件 ? 這...

    lwx12525 評(píng)論0 收藏0
  • #WEB安全基礎(chǔ) : HTML/CSS | 0x11 淺談GET和POST

    摘要:黑體中的和請(qǐng)求方法黑體我上次提到了和,現(xiàn)在就讓你來認(rèn)識(shí)一下這些新朋友黑體請(qǐng)看圖黑體黑體和都是將用戶輸入到瀏覽器的數(shù)據(jù)發(fā)送給服務(wù)器,不過采用了兩種不同的方式,會(huì)打包表單變量,在后臺(tái)把它們發(fā)送到服務(wù)器,也會(huì)打包表單變量,但會(huì)HTTP中的GET和POST請(qǐng)求方法 我上次提到了GET和POST,現(xiàn)在就讓你來認(rèn)識(shí)一下這些新朋友 請(qǐng)看圖 POST和GET都是將用戶輸入到瀏覽器的數(shù)據(jù)發(fā)送給服務(wù)器,不...

    zhangrxiang 評(píng)論0 收藏0
  • 【連載】前端個(gè)人文章整理-從基礎(chǔ)到入門

    摘要:個(gè)人前端文章整理從最開始萌生寫文章的想法,到著手開始寫,再到現(xiàn)在已經(jīng)一年的時(shí)間了,由于工作比較忙,更新緩慢,后面還是會(huì)繼更新,現(xiàn)將已經(jīng)寫好的文章整理一個(gè)目錄,方便更多的小伙伴去學(xué)習(xí)。 showImg(https://segmentfault.com/img/remote/1460000017490740?w=1920&h=1080); 個(gè)人前端文章整理 從最開始萌生寫文章的想法,到著手...

    madthumb 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<