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>表單標簽的使用form</title> </head> <body><!--如果需要與頁面進行交互，提交一些數據到服務器，需要使用表單 formaction:提交給誰取處理，通常就是服務器端程序地址method：兩種方式post：可以傳遞的數據量大 安全 比如 登錄/注冊/下單等適合postget： 可以傳遞的數據量小 不超過2K 不安全 數據追加在url地址上 暴露出來--><form action="" method="post"><!--表單元素的使用--><!--type:hidden 隱藏 偷偷的攜帶一些數據到數據庫--><input type="hidden" name="text" value="textvalue"><!--type：text文本框 name：值對應的名字 傳輸時名值對一起傳--><!--maslength:最多輸入的字符個數 size：控制寬度可以顯示的字符個數-->用戶名：<input type="text" name="username" maxlength="10"> <br>密?碼：<input type="password" name="password"><br><!--type:radio,單選框，一組：name必須一樣，這樣就只能選中一個-->性?別：<input type="radio" name="sex" value="m">男<input type="radio" name="sex" value="m">女<br/><!--type:checkbox 多選框 一組name必須一樣-->愛?好：<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">聽音樂<br><br><!--select：列表框 size：可以直接看到的項數 multiple：多選 默認單選-->城?市：<select name="city" size="3"><!--option:列表的項 value 必須給 傳給服務器的值 元素中間的文本顯示的項內容--><option value="zhengzhou">鄭州</option><option value="zhoukou">周口</option><option value="anyang">安陽</option><option value="kaifeng">開封</option></select><br><br><!--select 下拉框 不能加 size 和multiple-->城?市：<select name="city"><!--option:列表的項 value 必須給 傳給服務器的值 元素中間的文本顯示的項內容--><option value="zhengzhou">鄭州</option><option value="zhoukou">周口</option><option value="anyang">安陽</option><option value="kaifeng">開封</option></select><br><br><input type="file"><input type="button" value="上傳文件" disabled><br><!--disabled:不讓使用--><br><!--type：submit 提交按鈕 value 可以改變按鈕的文字--><input type="submit" value="確認提交"><!--空格--><!--type：reset 重置按鈕--><input type="reset" value="重新填寫"><br><br>請輸入您的建議：<textarea rows="4" cols="50">我來說一句</textarea><br><br><!--button標簽：按鈕 和input 可以實現一樣的按鈕效果 比input更強大注意：按鈕的內容在元素的內容區指定，可以指定為圖片--><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>../ ? ?從父文件夾開始
轉載于:https://www.cnblogs.com/john568300/p/6396263.html
總結
- 上一篇： Vue.js——60分钟组件快速入门（上
- 下一篇： 函数①函数声明与表达式