《網頁筆記系列》html-1

  1. 專業綜合課程設計筆記(Oracle講師)
  2. 文件上傳 <input type='file'/>  方式爲post,get方式數據大小小於1kb;

    何時使用 GET?

    您能夠使用 GET(默認方法):

    如果表單提交是被動的(比如搜索引擎查詢),並且沒有敏感信息。

    當您使用 GET 時,表單數據在頁面地址欄中是可見的:

    action_page.php?firstname=Mickey&lastname=Mouse

    註釋:GET 最適合少量數據的提交。瀏覽器會設定容量限制。

    何時使用 POST?

    您應該使用 POST:

    如果表單正在更新數據,或者包含敏感信息(例如密碼)。

    POST 的安全性更加,因爲在頁面地址欄中被提交的數據是不可見的。

  3. 下拉列表 <select><option  value='-1'>請輸入</option><option  value='男'>男</option></select>
  4. 隱藏域(用於傳遞參數)<input type='hidden' name='' value=''/>selected爲默認選中屬性
  5. 多選框<input type='checkbox' name='' value='' checked>  checked爲默認選中

    Input Type: checkbox

    <input type="checkbox"> 定義複選框。

    複選框允許用戶在有限數量的選項中選擇零個或多個選項。

    實例

    <form>
    <input type="checkbox" name="vehicle" value="Bike">I have a bike
    <br>
    <input type="checkbox" name="vehicle" value="Car">I have a car 
    </form> 

    5.單選checked爲默認選中

    Input Type: radio

    <input type="radio"> 定義單選按鈕。

    Radio buttons let a user select ONLY ONE of a limited number of choices:

    實例

    <form>
    <input type="radio" name="sex" value="male" checked>Male
    <br>
    <input type="radio" name="sex" value="female">Female
    </form> 

    6.網頁框架
    <framset rows="*,80">
    <frame src="">
    </framset>
    框架結構標籤(<frameset>)
    • 框架結構標籤(<frameset>)定義如何將窗口分割爲框架
    • 每個 frameset 定義了一系列行
    • rows/columns 的值規定了每行或每列佔據屏幕的面積

    編者注:frameset 標籤也被某些文章和書籍譯爲框架集。

    框架標籤(Frame)

    Frame 標籤定義了放置在每個框架中的 HTML 文檔。

    在下面的這個例子中,我們設置了一個兩列的框架集。第一列被設置爲佔據瀏覽器窗口的 25%。第二列被設置爲佔據瀏覽器窗口的 75%。HTML 文檔 "frame_a.htm" 被置於第一個列中,而 HTML 文檔 "frame_b.htm" 被置於第二個列中:

    <frameset cols="25%,75%">
       <frame src="frame_a.htm">
       <frame src="frame_b.htm">
    </frameset>
    

    基本的注意事項 - 有用的提示:

    假如一個框架有可見邊框,用戶可以拖動邊框來改變它的大小。爲了避免這種情況發生,可以在 <frame> 標籤中加入:noresize="noresize"。

    爲不支持框架的瀏覽器添加 <noframes> 標籤。

    重要提示:不能將 <body></body> 標籤與 <frameset></frameset> 標籤同時使用!不過,假如你添加包含一段文本的 <noframes> 標籤,就必須將這段文字嵌套於 <body></body> 標籤內。(在下面的第一個實例中,可以查看它是如何實現的。)



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章