HTML form標籤小結

    最近研究 form标签，有一些小心得写下来与大家分享分享，共勉。在小结的最后有一个form表单的小例子，可以作为参考。                                                    -----DanlV

登入後複製

form是HTML的一个极为重要的功能标签之一。

登入後複製

輸入域input

input type屬性有以下屬性值：
1.button按鈕（具體接下來細說）
2.file用於檔案選取
3.hidden隱藏域，可以實現隱藏的操作
4.text用於文字輸入
5.password用密碼輸入
6.radio單選按鈕，name屬性相同的為一組
7.checkbox多選按鈕，name屬性相同的為一組
8.image圖片形式提交按鈕
9.reset重置form按鈕
10.submit提交form按鈕
alt屬性，定義當按鈕式圖片時，提片的替代文字
src屬性，定義當按鈕為圖片時，圖片的連結位址
checked屬性，定義預設選項<input type="radio" name="" checked>checked的值為true或false，也可以直接寫成checked
disabled屬性，停用當前輸入域（用法如checked）
readonly屬性，對目前輸入域只讀，實際作用與disabled相同，但是展現出來的效果不一樣（用法如checked）
maxlength屬性，定義輸入領域字元的最大長度
name屬性，定義目前的輸入域的名字
value屬性，定義目前輸入域的預設值

文字輸入區textarea

rows屬性，規定可見行數
cols屬性，規定可見列數
#disabled屬性，停用目前文字輸入區
name屬性，目前文字區的名稱
readonly屬性，目前文字區域只讀

按鈕button

type類型一共有三種：
1.type="button"普功通功能按鈕
2.type="submit"提交form表單功能按鈕
3.type="reset"重置form表單功相關屬能按鈕
#disabled屬性，停用此按鈕
name屬性，按鈕的名字
value屬性，按鈕上顯示文字內容的預設值

下來選單select

相關屬性：
1.disabled屬性，停用該選單
2.multiple屬性，規定可同時選取多項
3.name屬性，下拉清單的名稱
4.size屬性，選單中可見項目的數量
<optgroup>標籤</optgroup>，定義下拉清單的選項分組，屬性為：
5.label屬性，定義選項組的標記（名字），必要屬性
6.disabled屬性，停用
<optinon></optinon>屬性，定義下拉清單中的選項（此標籤在<optgroup></optgroup>標籤）中，屬性為：
1.disabled屬性，停用
2.label屬性，定義當使用

表單中的標記`<label></label>`

為了是輸入更為人性化，提高使用者的體驗度，再點擊提示文字的時候遊標自動聚焦到輸入的位置，使用此標籤。有兩種使用方法：

<label for="user"></label> <inpu t type="text" name="user"></inpu>此方式使用label的for屬性，值制定輸入區域的name
#<label> <input type="text" name=" user"></label>
將input直接放入label中，不需要使用for屬性，建議使用。
---

表單中相關元素分組fieldset

將表單中相關的元素分組，使用`<legend></legend>`標籤定義分組標題。相關實例請見最後的程式碼。

程式碼範例

總結HTML form表單的一些用法

登入後複製

                天下第一争霸赛                                       门派：
密码：
上传你的请柬：
选武器：刀                         剑                         枪                         鞭
挑战对手：梅超风                             洪七                             金毛狮王谢逊                             张三丰
选择你的门派：

以上是總結HTML form表單的一些用法的詳細內容。更多資訊請關注PHP中文網其他相關文章！

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn