HTML語言——表單設(shè)計

     表單設(shè)計

1   表單標(biāo)記   <form>...</form>

1.1   什么是<form>

   <form></form>定義表單的開始位置和結(jié)束位置，表單提交時的內(nèi)容就是<form>表單中的內(nèi)容

1.2   基本格式

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

1.3   常用屬性

1.3.1   name   表單名稱

1.3.2   method   傳送數(shù)據(jù)的方式，分為post和get兩種方式

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

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

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

1.3.4   enctype  設(shè)置表單的資料的編碼方式

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

2   文本域和密碼   <input>標(biāo)記

2.1   <input>標(biāo)記沒有結(jié)束標(biāo)記

2.2   基本語法

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

2.3   屬性介紹

2.3.1   type屬性   type屬性有兩個值

   text   當(dāng)type="type"時，<input>表示一個文本輸入域

   password   當(dāng)type="password"時，<input>表示一個密碼輸入域

2.3.2   name屬性   定義控件的名稱

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

2.3.4   size屬性   設(shè)置控件的長度

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

3   提交、重置和普通按鈕

3.1   提交按鈕

   當(dāng)<input type="submit">時，為提交按鈕

3.2   重置按鈕

   當(dāng)<input type="reset">時，為重置按鈕

3.3   普通按鈕

  當(dāng)<input type="button">時，為普通按鈕

4   單選框和復(fù)選框

4.1   單選框

  當(dāng)<input type="radio">時，為單選框

4.2   復(fù)選框

   當(dāng)<input type="checkbox">時，為復(fù)選框

4.3   注意

  單選框和復(fù)選框都可以使用"cheked"屬性來設(shè)置默認(rèn)選中項

5   隱藏域

  當(dāng)<input type="hidden">時，為隱藏表單域

6   多文本文域 

6.1   用法

  使用<textarea>標(biāo)記可以實現(xiàn)一個，能夠輸入多行文本的區(qū)域

6.2   語法格式

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

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

7   菜單下拉列表域   <select>標(biāo)記

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屬性   設(shè)置列表的高度

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

7.3   option標(biāo)記

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

7.3.2   值

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

   selected   指定默認(rèn)的選項