1. 程式人生 > >html表單標簽與表單設計

html表單標簽與表單設計

多行文本 表單 off inpu 域名 type cti blog 允許

1<form>標記及其屬性

表單使用<form>和</form>來定義的,<form>標記有屬性:name、method、action、target等屬性

  語法格式:

<form name = "表單名稱" method = "提交方法" action = "處理程序">
...
</form>

其中:屬性name是表單對象名稱

2 <input>標記及其屬性

<input>標記是個單標記,它必須嵌套在表單標記中使用,對於一個用戶定義的輸入項:

<input name = "輸入域名稱"
type = "域類型"value = "輸入域的值">

<input>有6個屬性,即type、name、size、value、maxlength、check。其中,name和type是必選屬性,name的值是響應程序(由form標記的action屬性指定)中的變量名。type由9中類型,text、password、radio、checkbox、submit、reset、image、file、hidden

3下拉列表框<select>、<option>

在表單中,通過<select>和<option>標記可設計一個下拉式的列表或帶有滾動條的列表

基本語法:

<select name = "" size = "" multiple>
    <option value = "" selected>..</option>
    <option value =  "" selected>..</option>
    ...
</select>

說明:

1)<select>標記有name、size、multiple3個屬性

  • name:設定下拉列表的名字
  • size:用於改變下拉框的大小,默認為1
  • multiple:表示允許用戶從列表中多選,若缺省,則表示單選

2)<option>標記有兩個屬性,即value和selected,他們都是可選項

  • value:用於設置該選項被選中並提交後,瀏覽器傳送給服務器的數據
  • selected:用來指定選項的初始狀態,表示該選項在初始時被選中

4 多行文本框<textarea>標記

基本語法:

<textarea name = "" rows = "" cols = "" wrap = "off|virtual|physical">初始值
</textarea>

其中rows設置輸入域的行數,cols設置輸入域的列數,wrap設置是否自動換行

html表單標簽與表單設計