1. 程式人生 > >HTML5-從0開始學習之表單屬性詳解

HTML5-從0開始學習之表單屬性詳解

什麼是表單?

表單是網頁中資料採集的工具。

表單組成部分由三部分組成:

(一)表單標籤<form>

(二)表單域<input>

(三)表單按鈕<button>

現在我們來逐步解釋這三部分。

(一)表單標籤<form>

<body>
<form action="" method="POST" name="">
    姓名:<input type="text">
</form>
</body>

效果如上所示,

<form> 標籤用於為使用者輸入建立 HTML 表單。

表單能夠包含 input 元素,比如文字欄位、複選框、單選框、提交按鈕等等。

下面是form標籤的屬性,不再一一論述:

(二)表單域<input>

我們先來介紹input標籤常用的屬性:

<type>:元素的型別,如text文字框,radio單選按鈕,select下拉框等;

<name>:元素的名稱,主要用於與伺服器端資料傳送;

<value>:元素的預設值;

<size>:以字元計算的元素可見寬度,不是畫素或百分比;

<maxlength>:元素允許的最大字元長度;

<disabled>禁用該控制元件,這個時候既不能選擇,也不能點選;

<readonly>:該控制元件欄位內容只讀,不能修改。

姓名:<input type="text" name="abc" value="ABJun">

(三)表單按鈕<button>

<button type="button">click it!</button>

<button> 標籤定義一個按鈕。

下面是button標籤的屬性: