<ul id="wsiyg"></ul><strike id="wsiyg"><input id="wsiyg"></input></strike>

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

TerryCai 發布于2019-04-23 11:53 / 827人閱讀

摘要：黑體來認識更多的表單吧，增加知識面黑體我只創建了一個幫助你認識它們黑體以下是代碼單按鈕輸入單選和中間夾的東西在網頁上顯示一個類型的選項推薦用同樣的值，增強代碼可讀性分割線復選框輸入多選

來認識更多的表單吧，增加知識面

我只創建了一個index.html幫助你認識它們

以下是代碼

 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">藍色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>

以下是顯示效果

發揮你的想象力創造出更整潔，更有用的表單

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

轉載請注明出處? by:M_ZPHr

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

GPU云服務器云服務器 html+css基礎 web表單 java表單web web自定義表單

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/1296.html

#WEB安全基礎 : HTML/CSS | 文章索引

摘要：黑體本系列講解安全所需要的和黑體安全基礎我的第一個網頁黑體安全基礎初識黑體安全基礎初識標簽黑體安全基礎文件夾管理網站黑體安全基礎模塊化黑體安全基礎嵌套列表黑體安全基礎標簽拓展和屬性的使用黑體安全基礎嵌套本系列講解WEB安全所需要的HTML和CSS #WEB安全基礎 : HTML/CSS | 0x0 我的第一個網頁 #WEB安全基礎 : HTML/CSS | 0x1初識CSS #WEB安全基...

EscapedDog 2019-04-23 11:53 評論0 收藏0
#WEB安全基礎 : HTML/CSS | 0x10實現交互_表單

摘要：黑體先看看表單如何工作吧黑體請求黑體響應黑體簡要工作流程黑體瀏覽器加載頁面黑體用戶輸入數據黑體用戶提交表單黑體服務器響應黑體概念都清楚了，我們來寫表單吧黑體只有一個文件黑體這是顯示黑體你先看看表單如何工作吧請求 ? 響應 ? 簡要工作流程：瀏覽器加載頁面用戶輸入數據用戶提交表單服務器響應概念都清楚了，我們來寫表單吧只有一個html文件 ? 這...

lwx12525 2019-04-23 11:53 評論0 收藏0
#WEB安全基礎 : HTML/CSS | 0x11 淺談GET和POST

摘要：黑體中的和請求方法黑體我上次提到了和，現在就讓你來認識一下這些新朋友黑體請看圖黑體黑體和都是將用戶輸入到瀏覽器的數據發送給服務器，不過采用了兩種不同的方式，會打包表單變量，在后臺把它們發送到服務器，也會打包表單變量，但會HTTP中的GET和POST請求方法我上次提到了GET和POST，現在就讓你來認識一下這些新朋友請看圖 POST和GET都是將用戶輸入到瀏覽器的數據發送給服務器，不...

zhangrxiang 2019-04-23 11:53 評論0 收藏0
【連載】前端個人文章整理-從基礎到入門

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

madthumb 2019-08-23 14:15 評論0 收藏0