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   指定預設的選項