閱讀(2.7k) 書(shū)簽贊(0) 我要糾錯(cuò)

PHP表單元素

2018-02-22 16:40 更新

PHP教程 - PHP表單元素

表單元素列表

下表列出了表單中的HTML元素。

元件	描述
input type =“checkbox"	允許用戶選擇多個(gè)選項(xiàng)的復(fù)選框。
input type =“file"	文本框以及打開(kāi)文件選擇對(duì)話框的按鈕。
input type =“hidden"	隱藏表單元素。
輸入類型=“密碼"	密碼文本框。
input type =“radio"	單選按鈕。
輸入類型=“復(fù)位"	用于清除表單的按鈕。
input type =“submit"	提交表單的按鈕。
input type =“text"	文本框。
option	SELECT元素中的選項(xiàng)。
select	列表框; 也可以是一個(gè)下拉列表框。
textarea	多行文本框。

密碼元素通過(guò)使用* s在客戶端隱藏密碼。密碼以無(wú)加密的純文本發(fā)送。

例子

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
  <body> 
    <form action="index.php" method="get"> 
        <label for="textField">A text input field</label> 
        <input type="text" name="textField" id="textField" value="" /> 
        <label for="passwordField">A password field</label> 
        <input type="password" name="passwordField" id="passwordField" value="" /> 
        <label for="checkboxField">A checkbox field</label> 
        <input type="checkbox" name="checkboxField" id="checkboxField" value="yes" /> 
        <label for="radioButtonField1">A radio button field</label> 
        <input type="radio" name="radioButtonField" id="radioButtonField1" value="radio1" /> 
        <label for="radioButtonField2">Another radio button</label> 
        <input type="radio" name="radioButtonField" id="radioButtonField2" value="radio2" /> 
        <label for="submitButton">A submit button</label> 
        <input type="submit" name="submitButton" id="submitButton" value="Submit Form" /> 
        <label for="resetButton">A reset button</label> 
        <input type="reset" name="resetButton" id="resetButton"  value="Reset Form" /> 
        <label for="fileSelectField">A file select field</label> 
        <input type="file" name="fileSelectField" id="fileSelectField" value="" /> 
        <label for="hiddenField">A hidden field</label> 
        <input type="hidden" name="hiddenField" id="hiddenField" value="" /> 
        <label for="imageField">An image field</label> 
        <input type="image" name="imageField" id="imageField" value="" src="asterisk.gif" width="23" height="23" /> 
        <label for="pushButton">A push button</label> 
        <input type="button" name="pushButton" id="pushButton"  value="Click Me" /> 
        <label for="pullDownMenu">A pull-down menu</label> 
        <select name="pullDownMenu" id="pullDownMenu" size="1"> 
          <option value="option1">Option 1</option> 
          <option value="option2">Option 2</option> 
          <option value="option3">Option 3</option> 
        </select> 
        <label for="listBox">A list box</label> 
        <select name="listBox" id="listBox" size="3"> 
          <option value="option1">Option 1</option> 
          <option value="option2">Option 2</option> 
          <option value="option3">Option 3</option> 
        </select> 
        <label for="multiListBox">A multi-select list box</label> 
        <select name="multiListBox" id="multiListBox" size="3" multiple="multiple"> 
          <option value="option1">Option 1</option> 
          <option value="option2">Option 2</option> 
          <option value="option3">Option 3</option> 
        </select> 
        <label for="textAreaField">A text area field</label> 
        <textarea name="textAreaField" id="textAreaField" rows="4" cols="50"></textarea> 

    </form> 
  </body> 
</html>

使用get方法創(chuàng)建表單。這意味著表單字段名稱和值將被發(fā)送到URL中的服務(wù)器。同時(shí)，空的action屬性告訴瀏覽器將表單發(fā)送回來(lái)頁(yè)。

字段名稱和字段值類似于鍵和關(guān)聯(lián)數(shù)組的值。

大多數(shù)控件也有相關(guān)的標(biāo)簽元素。此文本向用戶描述字段。每個(gè)標(biāo)簽與其控件相關(guān)聯(lián)，使用與其匹配的for屬性對(duì)應(yīng)的id屬性在控件元素中。

對(duì)空字段操作

當(dāng)表單字段為空時(shí)，某些數(shù)據(jù)不會(huì)發(fā)送到服務(wù)器。有時(shí)字段作為空字符串發(fā)送;有時(shí)沒(méi)有字段名稱發(fā)送。

下表說(shuō)明了各種表單控件的行為當(dāng)他們“不填寫或選擇:

表單控制	什么時(shí)候什么時(shí)候沒(méi)有填充或選擇
文本輸入字段	將發(fā)送字段名稱以及空值。
文本區(qū)域字段	將發(fā)送字段名稱以及空值。
密碼字段	將發(fā)送字段名稱以及空值。
文件選擇字段	將發(fā)送字段名稱以及空值。
隱藏字段	將發(fā)送字段名稱以及空值。
復(fù)選框字段	不發(fā)送任何內(nèi)容。
單選按鈕字段	不發(fā)送任何內(nèi)容。
下拉菜單	始終發(fā)送值。
列表框	不發(fā)送任何內(nèi)容。
多選框	不發(fā)送任何內(nèi)容。
提交按鈕	如果按鈕未被點(diǎn)擊，則不發(fā)送任何內(nèi)容。
圖像字段	如果按鈕未被點(diǎn)擊，則不發(fā)送任何內(nèi)容。
復(fù)位按鈕	不發(fā)送任何內(nèi)容。
按鈕	不發(fā)送任何內(nèi)容。