欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

HTML 表單和輸入

HTML 表單用于搜集不同類型的用戶輸入。

實例

文本域 (Text field)
本例演示如何在 HTML 頁面創(chuàng)建文本域。用戶可以在文本域中寫入文本。
密碼域
本例演示如何創(chuàng)建 HTML 的密碼域。

可以在本頁底端找到更多實例。)

表單

表單是一個包含表單元素的區(qū)域。

表單元素是允許用戶在表單中(比如:文本域、下拉列表、單選框、復選框等等)輸入信息的元素。

表單使用表單標簽(<form>)定義。

<form>
...
  input 元素
...
</form>

輸入

多數(shù)情況下被用到的表單標簽是輸入標簽(<input>)。輸入類型是由類型屬性(type)定義的。大多數(shù)經(jīng)常被用到的輸入類型如下:

文本域(Text Fields)

當用戶要在表單中鍵入字母、數(shù)字等內(nèi)容時,就會用到文本域。

<form>
First name: 
<input type="text" name="firstname" />
<br />
Last name: 
<input type="text" name="lastname" />
</form>

瀏覽器顯示如下:

First name:
Last name:

注意,表單本身并不可見。同時,在大多數(shù)瀏覽器中,文本域的缺省寬度是20個字符。

單選按鈕(Radio Buttons)

當用戶從若干給定的的選擇中選取其一時,就會用到單選框。

<form>
<input type="radio" name="sex" value="male" /> Male
<br />
<input type="radio" name="sex" value="female" /> Female
</form>

瀏覽器顯示如下:

Male
Female

注意,只能從中選取其一。

復選框(Checkboxes)

當用戶需要從若干給定的選擇中選取一個或若干選項時,就會用到復選框。

<form>
<input type="checkbox" name="bike" />
I have a bike
<br />
<input type="checkbox" name="car" />
I have a car
</form>

瀏覽器顯示如下:

I have a bike
I have a car

表單的動作屬性(Action)和確認按鈕

當用戶單擊確認按鈕時,表單的內(nèi)容會被傳送到另一個文件。表單的動作屬性定義了目的文件的文件名。由動作屬性定義的這個文件通常會對接收到的輸入數(shù)據(jù)進行相關的處理。

<form name="input" action="html_form_action.asp" method="get">
Username: 
<input type="text" name="user" />
<input type="submit" value="Submit" />
</form>

瀏覽器顯示如下:

Username:

假如您在上面的文本框內(nèi)鍵入幾個字母,然后點擊確認按鈕,那么輸入數(shù)據(jù)會傳送到 "html_form_action.asp" 的頁面。該頁面將顯示出輸入的結(jié)果。

更多實例

復選框
本例演示如何在 HTML 頁中創(chuàng)建復選框。用戶可以選中或取消選取復選框。
單選按鈕
本例演示如何在 HTML 中創(chuàng)建單選按鈕。
簡單的下拉列表
本例演示如何在 HTML 頁面中創(chuàng)建簡單的下拉列表框。下拉列表框是一個可選列表。
另一個下拉列表
本例演示如何創(chuàng)建一個簡單的帶有預選值的下拉列表。(編者注:預選值指預先指定的首選項。)
文本域(Textarea)
本例演示如何創(chuàng)建文本域(多行文本輸入控件)。用戶可在文本域中寫入文本?蓪懭胱址淖謹(shù)不受限制。
創(chuàng)建按鈕
本例演示如何創(chuàng)建按鈕。你可以對按鈕上的文字進行自定義。
Fieldset around data
本例演示如何在數(shù)據(jù)周圍繪制一個帶標題的框。

表單實例

帶有輸入框和確認按鈕的表單
本例演示如何向頁面添加表單。此表單包含兩個輸入框和一個確認按鈕。
帶有復選框的表單
此表單包含兩個復選框和一個確認按鈕。
帶有單選按鈕的表單
此表單包含兩個單選框和一個確認按鈕。
從表單發(fā)送電子郵件
此例演示如何從表單發(fā)送電子郵件。

表單標簽

標簽 描述
<form> 定義供用戶輸入的表單
<input> 定義輸入域
<textarea> 定義文本域 (一個多行的輸入控件)
<label> 定義一個控制的標簽
<fieldset> 定義域
<legend> 定義域的標題
<select> 定義一個選擇列表
<optgroup> 定義選項組
<option> 定義下拉列表中的選項
<button> 定義一個按鈕
<isindex> 已廢棄。由 <input> 代替。