国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

form表單中的元素 控件集

2024-04-27 15:03:33
字體:
來源:轉載
供稿:網友
<form action="http://wichkelysmart.com/hfhtmlCSS/contest.php" method="post"></form>

表單的所有內容都包含在form標簽中  action屬性中的內容將表單提交的的數據交給wichkelysmart.com鏈接內的hftmlcss文件夾中的contest.php服務器腳本處理所使用的方法是post

1:<input type="text" name="1" value="value控制文本框內初始化的值">2:<input type="submit" name="2" value="提交按鈕由value設置"> 
3:女性:<input name="3" type="radio" value="選擇1">  不男不女:<input type="radio" name="3" value="復選中的value是傳遞給服務器的值"><br><br><br>4:蘋果<input type="checkbox" name="4" value="復選1">  草莓<input type="checkbox" name="4" value="復選中的value是傳遞給服務器的值">  香蕉<input type="checkbox" name="4" value="復選3">

Type確定是什么類型的控件,瀏覽器會把name當做標簽把收集到的數據發送到服務器,這樣服務器才能區分誰是誰

例如如果在一個名字為“zip”的text<input>元素中輸入了郵政編碼90050,表單提交時就會把“zip=90050”發送到服務器(HEAD FIRST HTML第677頁練習)

注意name要與后臺腳本文檔代碼中的一致,在使用別人編寫的一個服務器腳本時,他必須告訴我要使用哪些元素名

復選框瀏覽器會發送“4=香蕉&蘋果&草莓”到服務器

無需知道像服務器發送數據的后臺細節 但是需要知道服務器腳本期望得到的表單元素的名字和類型

與后臺的交互式通過URL進行的 表單里的數據通過URL與后臺腳本進行數據傳輸(代碼要相互呼應——即表單名字和類型)

瀏覽器向服務器傳送收集到得數據——用表單

瀏覽器處理服務器傳回的數據——用Ajax

表單發送給服務器的數據與name value和text文本框中的內容相關

text:文本框,input默認的type,不寫就是這個,value表示文本框里的值。passWord:密碼框,value表示密碼框里的值。submit:提交按鈕,value表示按鈕上的文字button:普通按鈕,value表示按鈕上的文字reset:重置按鈕,value表示按鈕上的文字radio:單選框,value表示該單選框的真實值(一般真實值和數據庫對應,顯示的值給用戶參考的)checkbox:復選框,value表示該復選框的真實值hindden:隱藏表單域,value表示該表單域的值。單選和多選:input中的value可以理解為傳送給服務器的值type可以是button普通按鈕,submit提交按鈕,reset重設按鈕,radio單選框,checkbox復選框,passward密碼輸入框 是提交給服務器的,服務器語言會調用里面的值 你沒value的話,服務器就沒數據 服務器通過 name 知道傳的是誰的值 value則是對應的值是

 5:<textarea name="5" rows="10" cols="48">這里是初始化文字-這里是初始化文字-這里是初始化文字-這里是初始化文字-這里是初始化文字-這里是初始化文字-這里是初始化文字-這里是初始化文字-這里是初始化文字</textarea>

rows設置瀏覽器文本區高度 cols設置寬度 開始和結束標簽中間為初始化文字 在textarea元素中加個maxlength屬性可以限制輸入文字的的字符

 6:請選擇<select name="6">                <option value="傳遞給服務器的數據">選擇1</option>                <option value="傳遞給服務器的數據">選擇2</option>                <option value="傳遞給服務器的數據" selected>選擇3</option>                <option value="傳遞給服務器的數據">選擇4</option>           </select>

以上數據提交后瀏覽器會提交6=”傳送服務器的數據”,即name=”value“ 到服務器,與選擇的按鈕內容無關

selected布爾屬性,布爾屬性不需要值,當進入頁面時這個選項會被默認選中

 form標簽中的表單元素可以是input也可以是textarea select option

復制代碼
7:<input type="number" min="0" max="20" value="請輸入數字"><br><br><br>輸入數字和允許輸入數字的最大值最小值<br><br><br>8:<input type="range" min="0" max="20" step="5"><br><br><br>range類似number 只是會顯示一個滑動條而 其中step設置間隔數(步數)<br><br><br>9:<input type="color"><br><br><br>點擊彈出顏色選框<br><br><br>10:<input type="date"><br><br><br>點擊后彈出一個時間選擇框 火狐不支持此屬性會 顯示text文本框11:<input type="email">    <input type="tel">    <input type="url">手機端會得到一個定制的鍵盤復制代碼

 

<input type="checkbox" name="extras[]" value="catalog" checked>

編寫name.php服務器腳本所用的腳本腳本語言(php)希望得到一點提示,想知道一個表單變量包含多少個值,提供這個提示的做法就是在名字后面增加一個”[]“

 

<input type="passworld" name="secret">

輸入的文本會加掩碼

<input type="file" name="doc">

可以選擇上傳一個文件 文件內容會上傳到服務器,必須使用post方法

<input type="text" placeholder="Buckaroo Banzai">

大多數input標簽都可以使用placeholder屬性,他會提示你要在文本框中輸入的內容

<input type="text" placeholder="1" required>

required是一個布爾屬性, 也就是這個文本框必須輸入內容后才可以提交


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 临江市| 姜堰市| 万荣县| 洛隆县| 安远县| 张家界市| 西乌珠穆沁旗| 顺义区| 沈丘县| 剑川县| 行唐县| 宜州市| 张家港市| 望谟县| 芜湖县| 六枝特区| 龙南县| 阿坝县| 苏尼特左旗| 兰西县| 信宜市| 大安市| 漯河市| 专栏| 张家港市| 孙吴县| 大洼县| 玛多县| 河北区| 兴隆县| 武强县| 南投县| 辽源市| 福海县| 永登县| 兴化市| 武川县| 巴彦县| 涟水县| 南陵县| 图片|