HTML語言——表單設計

     表單設計

1   表單標記   <form>...</form>

1.1   什么是<form>

   <form></form>定義表單的開始位置和結束位置，表單提交時的內容就是<form>表單中的內容

1.2   基本格式

   <form acrion="服務器端地址(接收表單內容的地址)" name="表單名稱" method="posrlget">...</form>

1.3   常用屬性

1.3.1   name   表單名稱

1.3.2   method   傳送數據的方式，分為post和get兩種方式

   get   get方式提交時，會將表單的內容附加在URL地址的后面，所以限制了提交的內容的長度，不超過8192個字符，且不具備保密性

   post   post方式提交時，將表單中的數據一并包含在表單主體中，一起傳送到服務器中處理，沒有數據大小限制   

2.1.3.3   acrion   表單數據的處理程序的URL地址，如果為空則使用當前文檔的URL地址，如果表單中不需要使用action屬性也要指定其屬性為"no"

1.3.4   enctype  設置表單的資料的編碼方式

1.3.5   targer   和超鏈接的屬于類似，用來指定目標窗口

2   文本域和密碼   <input>標記

2.1   <input>標記沒有結束標記

2.2   基本語法

   <input type="" name="" value="" size="" maxlength="">

2.3   屬性介紹

2.3.1   type屬性   type屬性有兩個值

   text   當type="type"時，<input>表示一個文本輸入域

   password   當type="password"時，<input>表示一個密碼輸入域

2.3.2   name屬性   定義控件的名稱

2.3.3   value屬性   初始化值，打開瀏覽器時，文本框中的內容

2.3.4   size屬性   設置控件的長度

2.3.5   maxlength屬性   輸入框中最大允許輸入的字符數

3   提交、重置和普通按鈕

3.1   提交按鈕

   當<input type="submit">時，為提交按鈕

3.2   重置按鈕

   當<input type="reset">時，為重置按鈕

3.3   普通按鈕

  當<input type="button">時，為普通按鈕

4   單選框和復選框

4.1   單選框

  當<input type="radio">時，為單選框

4.2   復選框

   當<input type="checkbox">時，為復選框

4.3   注意

  單選框和復選框都可以使用"cheked"屬性來設置默認選中項

5   隱藏域

  當<input type="hidden">時，為隱藏表單域

6   多文本文域 

6.1   用法

  使用<textarea>標記可以實現一個，能夠輸入多行文本的區域

6.2   語法格式

  <textarea name="name" rows="value" cols="value" value="value">...   ...<textarea>

6.3   rows屬性和cols屬性分別用來指定，顯示的行數和列數，單位是字符個數

7   菜單下拉列表域   <select>標記

7.1   語法格式

 <select name="" size="value" multiple>

   <option value="value" selected>選項1</option>

   <option value="value">選項2</option>

   <option value="value">選項3</option>

   ...   ...

   </select>

7.2   屬性

7.2.1   multiple屬性   multiple屬性不用賦值，其作用是，表示用可以多選的下來列表，如果沒有這個屬性就只能單選

7.2.2   size屬性   設置列表的高度

7.2.3   name屬性  定義這個列表的名稱

7.3   option標記

7.3.1   <option>標記用來指定列表中的一個選項，需要放在<select></select>之間

7.3.2   值

   value   給選項賦值，指定傳送到服務器上面的值

   selected   指定默認的選項