第四篇 HTML 表单深入了解、注释和a标签的运用
生活随笔
收集整理的這篇文章主要介紹了
第四篇 HTML 表单深入了解、注释和a标签的运用
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
表單深入了解、注釋和a標簽的運用
注釋,HTML中的注釋格式: 開頭 ?<!-- ?結束 --> ? 例子: <!-- <div>我被注釋了</div> ?--> 此注釋可多行注釋,如果只有開頭注釋, 沒有結束注釋,那么從開頭注釋以下的所有內容將會全部被注釋掉;還可以用鼠標點擊某行 按下 快捷鍵 ?"Ctrl + /"注釋,也可選擇多行再注釋。 ? 注釋的用處:將無效的代碼注釋掉,或許它將來有用或考慮二次開發,所以不用刪除掉,而是選擇注釋掉,源代碼都不是中文,注釋的用處還可以是 中文解釋,提醒自己,這里是怎么做的,告訴他人這里是什么模塊及思想。 ? 注釋掉的代碼,程序是不會運行的,所以不會影響程序運行速度,但是注釋掉的代碼,它依舊存在著,在文件里,內存不會變小,比如你寫一個登錄頁面,此文件大小 10KB,即使你將里面的所有代碼注釋掉,文件大小依舊是10KB。 ? 深入表單: <form action="#" method="post"><p><!--在登錄時,一般用在用戶名-->文本:<input type="text"/></p><p><!--在登錄時,一般用在密碼-->密碼:<input type="password"/></p><p><!--在個人信息中,一般選擇你的愛好,性格等,多選-->復選: 蘋果<input type="checkbox"/>西瓜<input type="checkbox"/></p><p><!--單選的 name值必須一致 才能歸類成一類 單選-->單選:男<input name="gender" type="radio"/>女<input name="gender" type="radio"/></p><p><!--隱藏文本框,它存在,但看不見--><input type="hidden"/></p><p><!--下拉列表,我們還會用跟這個做三級浮動,比如 中國的 省、市、縣-->下拉列表: <select name="xiala" id="xiala"><option value="眼睛">眼睛</option><option value="笑容">笑容</option><option value="嘴巴">嘴巴</option></select></p><p><!--大家在評論或者發表的時候,就會用到這個,和文本框性質差不多,不過更合適用來寫文本內容-->多行文本:<textarea name="text" id="text" cols="30" rows="10"></textarea></p><p><!--它是提交整個form表單,獲取這個表單里面的 input select textarea 然后到action指向的地址-->提交按鈕:<input type="submit"/></p> </form> 表單中,標簽里出現的 "name" 是它的名字,如果說傳輸到后臺做驗證,后臺獲取它的數據,就是通過name來獲取的,而value則是它的值。 ? 以上form中的標簽,幾乎可以使用在所有的登錄、注冊、個人信息等地方,在HTML5中還擴展了幾個屬性值,這里就不做說明,有興趣的同學可以去手冊里看看。 ? a標簽的使用! ? a標簽的寫法: <a href="http://www.baidu.com">百度</a> 在有網的情況下,就會跳轉到百度頁面,"href"就是地址的指向,a標簽不能沒有它,訪問本地的頁面,則就改成文件的名字即可,比如:<a?href="my.html">我的</a>? ? 要注意的是,你的文件位置,目錄要在一個等級下。 ? 再說一個a標簽的錨點使用,它經常用在網站,在瀏覽到中間部分或者底部的時候,可以點擊它,回到頂部,那么做法很簡單: <div id="top" style="height: 600px;background-color: #d6e9c6">我是頂部</div> <div style="height: 600px;background-color: #b2dba1">我是中間內容</div> <a href="#top">返回頂部</a> 這里面我們用了css樣式,設置了div的高為600px,和背景顏色。給了頂部div 一個id,而a標簽則指向這個id,#代表本頁,不做其他頁面的跳轉,#top 就是在本頁里尋找top,這樣就能返回頂部了,就是錨點的做法。 ?轉載于:https://www.cnblogs.com/longfeng995/p/7590368.html
總結
以上是生活随笔為你收集整理的第四篇 HTML 表单深入了解、注释和a标签的运用的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: JS合并数组的几种方法及优劣比较
- 下一篇: Django 使用celery任务队列的