date3(form表單，今天html結束)
阿新 • • 發佈：2018-02-10
今天 ctr 請求 服務器 pan str view 等等 復選框 
參考：
http://www.cnblogs.com/yuanchenqi/articles/6835654.html
form表單是用來向後端服務器提交數據的，本次主要掌握的有input,select標簽，
form標簽中必須要有的一個屬性是name，是鍵的意思(向後端發送數據是以字典的形式發送的)，value提供的方式有多種，不同的具體對待
form表單詳細
表單標簽: <form> 功能：表單用於向服務器傳輸數據，從而實現用戶與Web服務器的交互 表單能夠包含input系列標簽，比如文本字段、復選框、單選框、提交按鈕等等。 表單還可以包含textarea、select、fieldset和 label標簽。 表單屬性 action: 表單提交到哪.一般指向服務器端一個程序,程序接收到表單提交過來的數據（即表單元素值）作相應處理，比如https://www.sogou.com/web method: 表單的提交方式 post/get默認取值就是get 表單元素 基本概念： HTML表單是HTML元素中較為復雜的部分，表單往往和腳本、動態頁面、數據處理等功能相結合，因此它是制作動態網站很重要的內容。 表單一般用來收集用戶的輸入信息 表單工作原理： 訪問者在瀏覽有表單的網頁時，可填寫必需的信息，然後按某個按鈕提交。這些信息通過Internet傳送到服務器上。 服務器上專門的程序對這些數據進行處理，如果有錯誤會返回錯誤信息，並要求糾正錯誤。當數據完整無誤後，服務器反饋一個輸入完成的信息View Code<input>系列標簽 復制代碼 ‘‘‘ <1> 表單類型 type: text 文本輸入框 password 密碼輸入框 radio 單選框 checkbox 多選框 submit 提交按鈕 button 按鈕(需要配合js使用.) button和submit的區別？ file 提交文件：form表單需要加上屬性enctype="multipart/form-data" 上傳文件註意兩點： 1 請求方式必須是post 2 enctype="multipart/form-data"<2> 表單屬性 name: 表單提交項的鍵. 註意和id屬性的區別：name屬性是和服務器通信時使用的名稱； 而id屬性是瀏覽器端使用的名稱，該屬性主要是為了方便客戶端編程，而在css和javascript中使用的 value: 表單提交項的值.對於不同的輸入類型，value 屬性的用法也不同： type="button", "reset", "submit" - 定義按鈕上的顯示的文本 type="text", "password", "hidden" - 定義輸入字段的初始值 type="checkbox", "radio", "image" - 定義與輸入相關聯的值 checked: radio 和 checkbox 默認被選中 readonly: 只讀. text 和 password disabled: 對所用input都好使. ‘‘‘ 復制代碼 select標簽 復制代碼 ‘‘‘<select> 下拉選標簽屬性 name:表單提交項的鍵. size：選項個數 multiple：multiple <optgroup>為每一項加上分組 <option> 下拉選中的每一項 屬性： value:表單提交項的值. selected: selected下拉選默認被選中 ‘‘‘ 復制代碼 <textarea> 多行文本框 復制代碼 ‘‘‘ <form id="form1" name="form1" method="post" action=""> <textarea cols=“寬度” rows=“高度” name=“名稱”> 默認內容 </textarea> </form> ‘‘‘ 復制代碼 <label>標簽 定義：<label> 標簽為 input 元素定義標註（標記）。 說明： 1 label 元素不會向用戶呈現任何特殊效果。 2 <label> 標簽的 for 屬性值應當與相關元素的 id 屬性值相同。 復制代碼 ‘‘‘ <form method="post" action=""> <label for=“username”>用戶名</label> <input type=“text” name=“username” id=“username” size=“20” /> </form> ‘‘‘ 復制代碼 <fieldset>標簽 復制代碼 ‘‘‘ <fieldset> <legend>登錄吧</legend> <input type="text"> </fieldset> ‘‘‘ 復制代碼
form表單代碼樣例：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1>用戶註冊</h1> <form action="/index/" method="post"> <!--所有在form表單中的內容都需要以鍵值隊的方式提交，Name是必須的--> <p>姓名:<input type="text" name="username" value="yuan"></p> <p>密碼:<input type="password" name="pwd"></p> <!--input 輸入格式為text，或password（此格式輸入的不顯示數字）--> <p>愛好：籃球<input type="checkbox" name="aihao" value="basktball" checked="checked"> 足球<input type="checkbox" name="aihao" value="football"> 乒乓球<input type="checkbox" name="aihao" value="pingpang"></p> <!--checkbox是復選框，name是必須的，組成一個字典格式，value是一個列表格式--> <p>性別 男<input type="radio" name="sex" value="men">女<input type="radio" name="sex" value="women">其他<input type="radio" name="sex" value="fang"></p> <!-- radio是互斥的多選框 --> <p><input type="hidden" name="data" value=""></p> <!--此是默認發送給服務器，而需要對瀏覽器隱藏的--> <p><input type="file" name="filename"></p> <!--與服務器交換文件--> <p><input type="button" value="button"></p> <select name="province" size="3" multiple> <optgroup label="中國"> <option value="hebei" selected>河北省</option> <option value="henan" selected>河南省</option> <option value="shanxi">陜西省</option> <option value="sanxi">山西省</option> </optgroup> </select> <!--select name是用來保存鍵的，value是用來保存值 選擇省份，size 2是顯示兩個，multiple是按著ctrl多選,selected默認選中,multiple所以可以多選--> <!--optgroup是一個中國組，包括幾個省，--> <p>簡介:</p> <p> <textarea name="jianjie" rows="8" cols="32"></textarea> <!--簡介，textarea--> </p> <label for="username">用戶名</label> <input type="text" name="username" id="username"> <!--lable標簽就是在input用戶框的前面點漢字也能直接進去輸，label的for跟後面的input的id成了綁定關系，點這個跟點那個效果一樣--> <fieldset> <legend>登錄吧</legend> <input type="text"> </fieldset> <p><input type="submit" value="submit"></p> <!--submit是提交form表單--> </form> </body> </html>View Code
date3(form表單，今天html結束)