0326 iframe和video experience
今天的東西確實很多，很容易混淆，input下的屬性太多，form下的屬性也很多，內容多點，一時不能熟練掌握，晚上多拿出點時間練練 尤爲是 form 和inpu那些屬性格外彆扭html
下午的內嵌視頻相對簡單
主要就是
<iframe name="標籤起個名字" src="嵌套的網頁地址" frameborder="0"></ifram>
視頻標籤: <video> 屬性：src:地址 controls:控制條 autoplay：自動播放 loop：循環播放
最後講的 網頁標題格式
<link rel="icon" type="image" herf="a.ico">安全
1 form 表單標籤：五個屬性 2 name、action、method、enctype 3 <form action="全部表單值提交的地址" 4 提交方式："method"（默認get提交）"> 5 1.get: 6 全部表達方式以鍵值成對的方式 key=value 傳遞後臺。全部信息都在地址欄所有顯示 url: 7 2.post 不會顯示錶單數據 安全，傳遞內容大小無限制 8 -------------------------------- 9 表單元素通用格式： 10 <input type="表單元素的類型" name="鍵" value="值"> 11 「type」屬性值 表單元素類型： 12 1.文本類型： 13 text:單行文本框 14 password:密碼框 15 hidden:隱藏域 16 placeholder:帶有佔位符文本的文本區域 17 2.按鈕類型： 18 button:普通按鈕 19 submit:提交按鈕 （一點就會將整個form標籤提交） 20 reset:重置按鈕 21 image:圖像形式的提交按鈕 22 3.單選、多選類型： 23 radio:單選（必須搭配name屬性使用）例：性別：男 女 必須都用sex 24 label:標籤的使用（點文字也能夠選上）一個label標籤只對一個文本起做用 25 checked:默認選中 26 disabled 屬性 不可編輯 27 checkbox:複選框(多選) 28 4.file:文件上傳 (必須在form標籤中加enctype="multipart/form-data") 29 加上後是傳到服務器的效果，不是顯示效果 30 下拉框標籤：（嵌套標籤） 31 <select> 32 <option>選項1</option> 33 <option>選項2</option> 34 <option>選項3</option> 35 </select> 36 select屬性：是默認選中 37 須要注意的是 下拉框和表單標籤都有 默認選中 38 下拉框的默認選中是：select 39 表單的..........:checked 40 文本域標籤： 41 <textarea> 42 下午：iframe和video標籤 43 塊元素： 獨佔一行叫塊元素 如：h1~h六、hr、ul、ol、div 44 行內元素：不獨佔一行 如：b、u、i、strong、a、img 45 內嵌框架標籤：<iframe> 46 <iframe name="標籤起個名字" src="嵌套的網頁地址" frameborder="0"></iframe> 47 視頻標籤: <video></video> 48 屬性： 49 src:地址 50 controls：控制按鈕 51 autoplay:自動播放 52 loop:循環播放 53 ---------------- 54 網頁標題圖標格式： 55 <link rel="icon" type="image" href="a.ico"/> 56 --> 57 58 <body> 59 <a href="first.html" target="myhtml">天氣</a> 60 <a href="second.html" target="myhtml">新聞</a> 61 <a href="third.html" target="myhtml">圖片</a> 62 <br> 63 <iframe src="first.html" frameborder="1" width="800px" height="800px" name="myhtml"></iframe> 64 65 <video src="https://f.us.sinaimg.cn/003AB6sslx07syYD88Pe01041205gyIW0E020.mp4?label=mp4_hd&template=852x480.20.0&Expires=1553583608&ssig=4qf4FFC%2BR1&KID=unistore,video" controls="" autoplay=></video> 66 67 <form action="#" method="get" enctype="multipart/form-data"> 68 用戶名：<input type="text" name="username" id="" value="" placeholder="請輸入用戶名"/> 69 <br> 70 <br> 71 密碼：<input type="password" name="pwd" id="" value="" placeholder="請輸入密碼"/> 72 <br> 73 隱藏域：<input type="hidden" name="uid" id="" value="123" /> 74 <br> 75 <input type="button" name="" id="" value="普通按鈕" /> 76 <input type="submit" name="" value="提交按鈕"/> 77 <input type="reset" name="" id="" value="重置按鈕" /> 78 <br> 79 性別：<label>男：<input type="radio" name="sex" id="" value="" checked=/></label> 80 <label>女：<input type="radio" name="sex" id="" value="" /></label> 81 <br> 82 愛好： 83 <label>足球：<input type="checkbox" name="hobby" id="" value="footbal" /></label> 84 <label>籃球：<input type="checkbox" name="hobby" id="" value="basketball" /></label> 85 <label>毽球：<input type="checkbox" name="hobby" id="" value="jianqiu" /></label> 86 <br> 87 文件上傳 88 <input type="file" name="" id="" value="" /> 89 <br> 90 地址： 91 <select name="address"> 92 <option value ="zhangdian" selected>張店區</option> 93 <option value ="zhoucun">周村區</option> 94 <option value ="zichuan" >淄川區</option> 95 </select> 96 <br> 97 <textarea rows="20" cols="30" name="text1"> 98 </textarea> 99 </form>
做業表格表單製做 服務器
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 </head> 7 <body> 8 <table bgcolor="darkgrey" border="1" width="973" height="647" cellpadding="" cellspacing="0" align="center"> 9 <tr> 10 <td colspan="3">1.會員登陸名和密碼</td> 11 </tr> 12 <tr> 13 <td align="right">用戶名</td> 14 <td colspan="2"><input type="text" name="username" value="" placeholder=""><font color="red"><small>*</font><input type="button" value="檢測用戶名"> 15 <small><font color="blue">5-15位，請使用英文字母（a-z,A-Z)數字（1-9）</font></small></td> 16 </tr> 17 <tr> 18 <td align="right">密碼:</td> 19 <td><input type="text" name="username" value="" placeholder=""></td> 20 <td><font color="red"><small>*</font> 21 <small><font color="blue">5-15位，請使用英文字母（a-z,A-Z)數字（1-9），注意區分大小寫；密碼不能與登陸名相同；易記；難猜..</font></small></td> 22 </tr> 23 <tr> 24 <td colspan="2" align="right"><font color="blue">再次輸入密碼</font></td> 25 <td><input type="text" name="username"/> <small>*兩次輸入的密碼必須一致</small></td> 26 </tr> 27 <tr> 28 <td colspan="3">2.姓名和聯繫方式</td> 29 </tr> 30 <tr> 31 <td align="right">真實姓名</td> 32 <td colspan="2"> 33 <input type="text" name="username" value="" /> 34 <label> 35 <font color="red"><small>*</font> 36 男：<input type="radio" name="sex" value="man" /> 37 </label> 38 <label> 39 女：<input type="radio" name="sex" value="woman" /> 40 </label> 41 </td> 42 </tr> 43 <tr> 44 <td align="right">電子郵箱</td> 45 <td><input type="text" name="" value="" /></td> 46 <td><small><font color="red">*很是重要！</font><br><font color="blue">這是客戶與您聯繫的首選方式：請必定填寫真實</font></small></td> 47 </tr> 48 <tr> 49 <td align="right">固定電話</td> 50 <td colspan="2"> 51 <input type="text" name="" id="" value="" /><font color="red"><small>*</font><font color="blue">區號+電話號碼</small></font></td> 52 </tr> 53 <tr> 54 <td align="right">公司所在地址：</td> 55 <td colspan="2"> 56 <select> 57 <option value ="北京"></option> 58 <option value ="上海"></option> 59 </select> 60 <select> 61 <option value ="東城"></option> 62 <option value ="浦東"></option> 63 </select> 64 </td> 65 </tr> 66 <tr> 67 <td align="right">街道地址</td> 68 <td colspan="2"><input type="text" /><font color="red"><small>*</font> 69 <font color="blue">填寫縣（區）、街道、門牌號</small> 70 </td> 71 </tr> 72 <tr> 73 <td align="right">傳真號碼：</td> 74 <td colspan="2"><input type="text"></td> 75 </tr> 76 <tr> 77 <td align="right">電話號碼：</td> 78 <td colspan="2"><input type="text"></td> 79 </tr> 80 <tr> 81 <td align="right">郵政編碼：</td> 82 <td colspan="2"><input type="text"></td> 83 </tr> 84 <tr> 85 <td colspan="3" align="left"> <font color="darkgray">3.公司名稱和主營業務</font></td> 86 </tr> 87 <tr> 88 <td align="right">貴公司名稱：</td> 89 <td><input type="text"/></td> 90 <td><font color="red">*</font><small><font color="blue">請填寫在工商局註冊的名稱<br>無商號的個體經營者填寫執照上d的姓名，如張三（個體經營）</small></font></td> 91 </tr> 92 <tr> 93 <td align="right">您的職位</td> 94 <td colspan="2"><input type="text" /><font color="red">*</font></td> 95 </tr> 96 <tr> 97 <td align="right">固定電話：</td> 98 <td colspan="2"> <font color="red">*</font><small><font color="blue">區號+電話號碼</font></small></td> 99 </tr> 100 <tr> 101 <td align="right">主營行業：</td> 102 <td> 103 <select> 104 <option value="dianzidiangong">電子電工</option> 105 <option value="jixiezhizao">網維運維</option> 106 </select> 107 </td> 108 <td> 109 <font color="#191CBC"><small>請正確選擇，您會收到該行業的供求信息</small></font> 110 </td> 111 </tr> 112 <tr> 113 <td align="right"> 114 主營產品/服務：</td> 115 <td> 116 <input type="text"></td> 117 <td> 118 <font color="red">*</font> 119 <font color="blue"><small>3個主要產品名/服務名，最少要填一個，例如：太陽能、拉鍊、布料</small></font></td> 120 </tr> 121 <tr> 122 <td align="right">公司網址：</td> 123 <td colspan="2"><input type="text" value="http://"></td> 124 </tr> 125 <tr> 126 <td> </td> 127 <td colspan="2"> 128 <input type="submit" value="提交"> 129 <input type="reset" value="重置"> 130 </td> 131 </tr> 132 <tr> 133 <td colspan="3"><center><b>備註：<font color="red">*</font>爲必填項</b></center></td> 134 </tr> 135 </table> 136 </body> 137 </html>
相關文章
- 1. experience
- 2. iframe中video沒有全屏按鈕
- 3. java experience
- 4. 0326 預習直播筆記
- 5. web實訓知識點0326
- 6. 0326 第七次課：vim
- 7. knowledge, Experience & Creativity
- 8. k8s first experience
- 9. 2018.8.8 a happy experience
- 10. Windows Experience Index
- 更多相關文章...
- • XLink 和 XPointer 語法 - XLink 和 XPointer 教程
- • Kotlin 類和對象 - Kotlin 教程
- • IntelliJ IDEA 代碼格式化配置和快捷鍵
- • 適用於PHP初學者的學習線路和建議
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
歡迎關注本站公眾號,獲取更多信息
