html中form表單的使用方法和介紹

　　　　　　　　　　from表單的使用方法

1、表單賞析

 

2、瞭解表單
功能：用於蒐集不一樣類型的用戶輸入的內容

 

有了表單，網頁的內容能夠由用戶本身建立，那麼對於網頁來講，咱們既是網頁建立都者，也是網頁的消費者。

3、經常使用的表單元素
ü  form   表單

ü  input   表單元素，表單項

ü  select和option  下拉菜單

ü  textarea 文本域

 

(1)form元素

功能：用於建立一個表單

格式：<form></form>

 

基本用法：

 

重要屬性：

1，action：表示當前表單中的內容提交給哪一個頁面進行處理

2，method:表示當前表單提交的方式，常見的有get和post方式，默認是get提交

 

(2)input元素

表示輸入框，有多種形式，能夠根據type屬性來肯定顯示哪一種輸入框。

 

基本用法:

 

效果 ：

 

 

注意細節：

1，對於input來講，它的type的默認值是text，表示單行文本

2，對於input，最好給它添加一個name屬性，做用是用於將用戶輸入的內容提交給要處理這個數據的頁面

 

GET提交與POST提交：

 

GET:

POST：

當用戶以post方式提交時，用戶輸入的內容不會放到地址欄裏面，比較安全：

 

GET和POST小結：

1，GET會將用戶輸入的內容放到地址欄裏面，使用GET請求不安全

2，POST不會將用戶輸入的內容放到地址欄裏面，相對安全

 

細節：

1，每個input標籤都有一個value屬性，不一樣類型的input， value的做用也不一樣

對於type=」text」來講，value無關緊要，由於用戶輸入的內容均可以提交過去。

對於type=」radio」或type=」checkbox」來講，沒有value，是提交不了的。

 

 

 

2，對於type=」radio」來講，若是你只想選擇一個，須要給每一個input添加一個name屬性，屬性值也必須一致，若是不添加，就不能知足單選框的需求。

 

3，關於單行文本的寬度，能夠使用size屬性來設置，表示字符長度，實際上不用，咱們通常是經過CSS進行控制的。

 

（3）select和option

做用：用來實現下拉列表

 

 

格式：<select>

<option>內容</option>

<option>內容</option>

<option>內容</option>

</select>

 

基本用法：

 

注意點：

1，默認狀況下，提交時，它將option裏面的內容做爲提交的內容，可是一般咱們不這樣作，咱們一般給opton設置一個value屬性，屬性值咱們一般用數字。

使用value後的狀況以下：

 

 咱們能夠使用selected屬性讓某個option處理默認選中狀態。

 

 

（3）textarea

做用：提供輸入大量文本的輸入框，好比，QQ空間中發表狀態，貼吧發表貼子等。

格式：<textarea></textarea>

 

基本用法：

 

 

***************************************************************************************

轉載於:

https://blog.csdn.net/wang1006008051/article/details/78157325