大多數PHP程序都使用HTML表單從用戶那里獲取數據并計算結果。
HTML表單的一些基本原則選擇適合于收集的數據類型和提供交互方式的控件。清楚標記每一個控件,這樣用戶就可以理解其功能。盡可能將標簽對齊。將控件的左邊緣對齊。將相關的標簽分組,并且通過設計中使用空白將每一個分組分開。表單上的控件順序應該類似于用戶操作他們的順序。創建基本HTML表單首先創造一個基本的HTML大綱,包含表單控件;然后將控件進行合并(HTML表單必須包括一個提交按鈕,用戶單擊它可以將表單數據發送到服務器。)一個單獨的HTML頁面可以包含多個表單。
創建HTML結構包含表單的HTML結構和和普通的HTML結構一樣。
<HTML> <HEAD> <TITLE>標題放在這</TITLE> </HEAD><BODY> 表單頁面放在這 </BODY> </HTML>
在包含表單的HTML頁面中可以使用任何HTML標簽。基本的表單使用FROM標簽來說明。該標簽中METHOD屬性接收GET或POST兩個值中的一個。ACTION屬性子明PHP腳本的url,該腳本可以收集通過表單收集的數據,可以是絕對路徑或者相對路徑。
<FORM METHOD="method" ACTION="url"> 中間可以放置表單控件 </FORM>合并控件
兩個常用的基本控件:文本框和提交按鈕。
文本框:允許用戶鍵入信息以發送給PHP腳本。NAME屬性為文本提供名稱,PHP腳本可以通過名稱準確訪問其內容,因此它應該是唯一的且符合PHP變量命名規則(但不需要$符號),單標簽。VALUE屬性指明出現在提交按鈕上面的標題。創建方式如下:
<INPUT TYPE = "TEXT" NAME="text">
提交按鈕:允許用戶將一個表單的內容發送到服務器,一個HTML表單對應應該有一個提交按鈕。
示例:一個完整的HTML表單。
<HTML> <HEAD> <TITLE>標題</TITLE> </HEAD><BODY><FORM METHOD="POST" ACTION="phpinfo.php"><INPUT TYPE="TEXT" NAME="ur_name"><BR/><BR/><INPUT TYPE="TEXT" NAME="ur_email"><BR/><BR/><INPUT TYPE="SUBMIT" VALUE="Send the Data"></FORM> </BODY> </HTML>使用多個表單
可以在一個HTML頁面中包含多個表單,注意下一個表單的FORM開始之前需要結束前一個FORM表單。
<HTML> <HEAD> <TITLE>標題</TITLE> </HEAD><BODY> <FORM METHOD="POST" ACTION="phpinfo.php"><INPUT TYPE="TEXT" NAME="ur_name"><BR/><BR/><INPUT TYPE="TEXT" NAME="ur_email"><BR/><BR/><INPUT TYPE="SUBMIT" VALUE="Send the Data"><BR/><BR/></FORM><FORM METHOD="POST" NAME="phpinfo.php"><INPUT TYPE="TEXT" NAME="ur_name1"><BR/><BR/><INPUT TYPE="TEXT" NAME="ur_email1"><BR/><BR/><INPUT TYPE="SUBMIT" VALUE="Send the Data1"></FORM> </BODY> </HTML>創建表單控件創建自定義的文本框
文本框的屬性中,TYPE和NAME是必須的,其余是可選屬性。SIZE屬性用于設置文本框的可視大小;MAXLENGTH指明用戶鍵入字符的最大長度;VALUE給出了一個最初顯示在文本框中的值。
<input type="text" name="" size="" maxlength="" value="">創建文本區域
文本區域可以輸入多行文本。NAME和ROWS屬性是必須的。ROWS屬性表明了文本區域內可以看到的文本行數,充滿時會滾動。COLS屬性指明可見文本列數與行數類似。WRAP屬性指明文本區域內單詞換行的方式,可以指定如下值。該標簽為雙標簽。
值
說明
off
禁止單詞換行但用戶可以輸入換行符強制換行
virtual/soft
各行顯示為換行,但是換行并沒有被發送到服務器
physica/hard
啟用了單詞換行
<inputarea name="" rows="" cols="" wrap="">創建密碼框
創建密碼框的語法與文本框相同,但要將TYPE屬性指定為PASSWORD而不是TYPE。
<input type="password" name="" size="" maxlength="" value="">創建復選框
取兩個值中的一個,即二選一。TYPE屬性是必須的,checked屬性出現,該復選框默認情況會被選定。value屬性指定復選框被選定情況下被發送到服務器的值,默認發送on值。法如下:
<input type="checkbox" name="" checked value="">創建單選按鈕
語法與復選框屬性含義相同,但是TYPE屬性的值必須是RADIO,NAME屬性是必須的。
<input type="radio" name="" checked value="">創建列表框
用戶可以選擇一個或者多個選項,它是一個滾動菜單。
<lect name="" multipile size="">options go here</lect>
name屬性是必須的,multipile屬性指明用戶可以通過按下crtl鍵并單擊多個選項來選擇它們
列表框的單選行為可作為單選按鈕。
<option lected value="text"></options>創建隱藏域
<input type="hidden" name="text"value="">實現上傳文件的HTML表單
<input type="FILE" name="name" accept="time" value="text">
其中type屬性是必須的。格式通過使用MIME碼指定。常用的格式如下:
超文本標記語言文本 .html,.html text/html
普通文本 :txt text/plain
word文檔:application/msword
RTF文本 :rtf application/rtf
GIF圖形 :gif image/gif
JPEG圖形 :jpeg,
jpg: image/jpeg
au聲音文件:au audio/basic
MIDI音樂文件 :mid,.midi audio/midi,audio/x-midi
RealAudio音樂文件 .ra, .ram audio/x-pn-realaudio
MPEG文件 .mpg,.mpeg video/mpeg
AVI文件 .avi video/x-msvideo
GZIP文件 .gz application/x-gzip
壓縮文件.rar application/octet-stream
壓縮文件.zip application/x-zip-compresd
TAR文件 .tar application/x-tar
更多提交表單的信息使用圖像提交數據<input type="image" src="url" name="text" align="align">創建重置按鈕
<input type="ret" value="text">
本文發布于:2023-02-28 20:04:00,感謝您對本站的認可!
本文鏈接:http://www.newhan.cn/zhishi/a/167765302075350.html
版權聲明:本站內容均來自互聯網,僅供演示用,請勿用于商業和其他非法用途。如果侵犯了您的權益請與我們聯系,我們將在24小時內刪除。
本文word下載地址:html表單(html表單制作).doc
本文 PDF 下載地址:html表單(html表單制作).pdf
| 留言與評論(共有 0 條評論) |