HTML之交互-html教學-PHP中文網

這篇文章介紹的內容是關於HTML之交互，有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下

1.網站怎樣與用戶進行交互？答案是使用HTML表單(form)。表單是可以把瀏覽者輸入的資料傳送到伺服器端，這樣伺服器端程式就可以處理表單傳過來的資料。

1).

結束。

2).action ：瀏覽者輸入的資料傳送到的地方,例如一個PHP頁面(save.php)。

3).method ：資料傳送的方式（get/post）。

範例：method="post" action="save.php"

#2.當使用者要在表單中鍵入字母、數字等內容時，就會用到文字輸入框。文字方塊也可以轉換為密碼輸入框。

<form>
   <input type="text/password" name="名称" value="文本" />
</form>

登入後複製

1)type：

當type="text"時，輸入方塊為文字輸入方塊;

當type= "password"時, 輸入框為密碼輸入框。

2)name：為文字方塊命名，以備後台程式ASP 、PHP使用。

3)value：為文字輸入框設定預設值。 (一般有提示作用)
範例：

#3.當使用者需要在表單中輸入大段文字時，需要用到文字輸入域。

<textarea  rows="行数" cols="列数">文本</textarea>

登入後複製

1)標籤是成對出現的，以<textarea>開始，以結束。

2)cols ：多行輸入域的列數。

3)rows ：多行輸入域的行數。

4)在標籤之間可以輸入預設值。

範例：

<textarea cols="50" rows="10">在这里输入内容...</textarea>

登入後複製

4.使用單選框、複選框，讓使用者選擇

<input   type="radio/checkbox"   value="值"    name="名称"   checked="checked"/>

登入後複製

1)type:

當type="radio" 時，控制項為單一選取方塊

當type="checkbox" 時，控制項為複選框

#2 )value：提交資料到伺服器的值（後台程式PHP使用）

3)name：為控制項命名，以備後台程式ASP、PHP 使用

4 )checked：當設定checked="checked" 時，該選項被預設選取

同一組的單選按鈕，name 取值一定要一致，value可以不一致例如上面範例為同一個名稱“radioLove”，這樣同一組的單選按鈕才可以起到單選的作用

5.使用下拉列錶框，節省空間

<option value="提交值">选项</option>  设置selected="selected"属性，则该选项就被默认选中。

登入後複製

6.下拉清單也可以進行多重選擇操作，在