form 的使用
http://localhost:63342/%E5%8B%BF%E5%8A%A8/iframe_demo/form_demo.html
<!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8"><title>表單標(biāo)簽的使用form</title> </head> <body><!--如果需要與頁(yè)面進(jìn)行交互，提交一些數(shù)據(jù)到服務(wù)器，需要使用表單 formaction:提交給誰(shuí)取處理，通常就是服務(wù)器端程序地址method：兩種方式post：可以傳遞的數(shù)據(jù)量大 安全 比如 登錄/注冊(cè)/下單等適合postget： 可以傳遞的數(shù)據(jù)量小 不超過(guò)2K 不安全 數(shù)據(jù)追加在url地址上 暴露出來(lái)--><form action="" method="post"><!--表單元素的使用--><!--type:hidden 隱藏 偷偷的攜帶一些數(shù)據(jù)到數(shù)據(jù)庫(kù)--><input type="hidden" name="text" value="textvalue"><!--type：text文本框 name：值對(duì)應(yīng)的名字 傳輸時(shí)名值對(duì)一起傳--><!--maslength:最多輸入的字符個(gè)數(shù) size：控制寬度可以顯示的字符個(gè)數(shù)-->用戶名：<input type="text" name="username" maxlength="10"> <br>密?碼：<input type="password" name="password"><br><!--type:radio,單選框，一組：name必須一樣，這樣就只能選中一個(gè)-->性?別：<input type="radio" name="sex" value="m">男<input type="radio" name="sex" value="m">女<br/><!--type:checkbox 多選框 一組name必須一樣-->愛(ài)?好：<input type="checkbox" name="hobby" value="baskteball">籃球<input type="checkbox" name="hobby" value="swwing">游泳<input type="checkbox" name="hobby" value="singing">唱歌<input type="checkbox" name="hobby" value="listen music">聽(tīng)音樂(lè)<br><br><!--select：列表框 size：可以直接看到的項(xiàng)數(shù) multiple：多選 默認(rèn)單選-->城?市：<select name="city" size="3"><!--option:列表的項(xiàng) value 必須給 傳給服務(wù)器的值 元素中間的文本顯示的項(xiàng)內(nèi)容--><option value="zhengzhou">鄭州</option><option value="zhoukou">周口</option><option value="anyang">安陽(yáng)</option><option value="kaifeng">開(kāi)封</option></select><br><br><!--select 下拉框 不能加 size 和multiple-->城?市：<select name="city"><!--option:列表的項(xiàng) value 必須給 傳給服務(wù)器的值 元素中間的文本顯示的項(xiàng)內(nèi)容--><option value="zhengzhou">鄭州</option><option value="zhoukou">周口</option><option value="anyang">安陽(yáng)</option><option value="kaifeng">開(kāi)封</option></select><br><br><input type="file"><input type="button" value="上傳文件" disabled><br><!--disabled:不讓使用--><br><!--type：submit 提交按鈕 value 可以改變按鈕的文字--><input type="submit" value="確認(rèn)提交"><!--空格--><!--type：reset 重置按鈕--><input type="reset" value="重新填寫"><br><br>請(qǐng)輸入您的建議：<textarea rows="4" cols="50">我來(lái)說(shuō)一句</textarea><br><br><!--button標(biāo)簽：按鈕 和input 可以實(shí)現(xiàn)一樣的按鈕效果 比input更強(qiáng)大注意：按鈕的內(nèi)容在元素的內(nèi)容區(qū)指定，可以指定為圖片--><button type="submit" name="submit">提交</button><button type="reset" name="reset">重置</button><button type="button" name="btn1">普通按鈕</button><embed src="../文件/a.mp3 "></form> </body> </html>../ ? ?從父文件夾開(kāi)始
轉(zhuǎn)載于:https://www.cnblogs.com/john568300/p/6396263.html
總結(jié)
- 上一篇： Vue.js——60分钟组件快速入门（上
- 下一篇： JPush (极光推送) For Xam