摘要:黑體來認(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
摘要:黑體本系列講解安全所需要的和黑體安全基礎(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安全基...
摘要:黑體先看看表單如何工作吧黑體請(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文件 ? 這...
摘要:黑體中的和請(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ù)器,不...
摘要:個(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è)人前端文章整理 從最開始萌生寫文章的想法,到著手...
閱讀 667·2023-04-25 15:49
閱讀 3121·2021-09-22 15:13
閱讀 1258·2021-09-07 10:13
閱讀 3481·2019-08-29 18:34
閱讀 2562·2019-08-29 15:22
閱讀 512·2019-08-27 10:52
閱讀 689·2019-08-26 18:27
閱讀 3023·2019-08-26 13:44