表單下拉列表、多行文本、隱藏域


<select>下拉框

  用於定義一個下拉列表,select元素中的option標簽用於定義列表在的可選項。

  屬性:

disabled=“disabled”規定禁用該下拉列表(也可以在其他地方使用,該內容就會被禁用)

name  規定下拉列表的名稱(一般后台人員會給你)

size 規定下拉列表中可選項的數目(顯示幾行,一般只顯示一行)

selected  默認選中該項

例子:

<select name="area" disabled="diseabled" size="2">

  <option value="1" selected>北京</option>      (value是提交給后台服務器的,提交的是一個值,后台人員會給你,一般寫英文或者數字,很少寫漢字會亂碼

  <option value="2">上海</option>

</select>

 

<option>下拉框列表項

  瀏覽器將<option>標簽中的內容作為<select>標簽的菜單或是滾動列表中的一個元素顯示。option元素位於select元素內部。

屬性:

disabled=“disabled” 規定某一個列表不能選擇

selected=“selected”   規定選項(在首次顯示在列表中時)默認為選中狀態

value   定義送往服務器的選擇項

  

  使用optgroup為option分組,通過label指定分組的名稱,optgroup里的名稱為不可選擇狀態。

 

 <textarea>多行文本(多行文本域)

  標簽定義多行的文本輸入,文本去區中可容納無限數量的文本,可以通過cols和rows屬性來規定尺寸,不過更好的辦法是用 CSS 的 height 和 width 屬性,textarea中間有空格即為有內容,就會required屬性不生效。

 屬性

  cols=“30”  寬度

  rows=“10”  高度

  placeholder 規定描述文本區域預期值的簡短提示(就是提示你寫什么信息)

  readonly  規定文本區為只讀(不可選中,不可填寫)

  required  規定文本區域必填,不能和readonly一起用

 多行文本是可以拖動改變大小的,如果你不希望你的布局被改變,可以使用css來控制:style"resize:none;"

示例:

<textarea placeholder="請填寫你的信息" required></textarea>   (中間不能有空格和換行

 <input type="submit" />

內容必填,因為有required如果不填的話:會有提示。

 

 

隱藏域<input type="hidden">

 定義隱藏的輸入字段,隱藏域在頁面中對於用戶是不可見的。在表單中插入隱藏域的目的是在於手機或發送信息,以便於被處理表單的程序員所使用。

  有些時候我們要給用戶一信息,讓他們在提交表單時提交上來以確定用戶身份。這個時候使用隱藏域再合適不過。

  隱藏域使用name和value屬性來規定參數名和參數值

<foem action="">

  <input type="hidden" name="隱藏域的命" value="隱藏域的值"/>

  <input type="submit"/>

</form>

 

表單標簽總結

1 表單域需要加name屬性才可以把數據提交到服務器,只有不想提交的才不寫name,如button。

2 單選按鈕和復選按鈕

  name相同即為一組

  一組單選按鈕只能選中一個按鈕

3 post和get方式的區別~

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM