java ant 設置裝備擺設及構建項目圖文教程。本站提示廣大學習愛好者:(java ant 設置裝備擺設及構建項目圖文教程)文章只能為提供參考,不一定能成為您想要的結果。以下是java ant 設置裝備擺設及構建項目圖文教程正文
九個簡略實例為年夜家剖析了HTML表單form的應用辦法,供年夜家參考,詳細內容以下
1 form表單標簽
網站如何與用戶停止交互?謎底是應用HTML表單(form)。表單是可以把閱讀者輸出的數據傳送到辦事器端,如許辦事器端法式便可以處置表單傳過去的數據。
語法:
<form method="傳送方法" action="辦事器文件">
•<form> :<form>標簽是成對湧現的,以<form>開端,以</form>停止。
•action :閱讀者輸出的數據被傳送到的處所,好比一個PHP頁面(save.php)。
•method : 數據傳送的方法(get/post)。
一切表單控件(文本框、文本域、按鈕、單選框、復選框等)都必需放在<form></form>標簽之間(不然用戶輸出的信息可提交不到辦事器上哦!)。
method:post/get的差別這一部門內容屬於後端法式員斟酌的成績。感興致的小同伴可以檢查本末節的wiki,外面有具體引見。
2 input/text/password文本和暗碼輸出框
當用戶要在表單中鍵入字母、數字等外容時,就會用到文本輸出框。文本框也能夠轉化為暗碼輸出框。
語法:
當type=”text”時,輸出框為文本輸出框;
當type=”password”時, 輸出框為暗碼輸出框。
name:為文本框定名,以備後台法式ASP 、PHP應用。
value:為文本輸出框設置默許值。(普通起到提醒感化)
測試代碼:
閱讀器後果:
3 textarea文本域,支撐多行文本輸出
當用戶須要在表單中輸出年夜段文字時,須要用到文本輸出域。
語法:
<textarea rows="行數" cols="列數">文本默許值</textarea>
1、<textarea>標簽是成對湧現的,以<textarea>開端,以</textarea>停止。
2、cols :多行輸出域的列數。
3、rows :多行輸出域的行數。
4、在標簽之間可以輸出默許值。
閱讀器後果:
4 radio/checkbox單選框和復選框
在應用表單設計查詢拜訪表時,為了削減用戶的操作,應用選擇框是一個好主張,html中有兩種選擇框,即單選框和復選框,二者的差別是單選框中的選項用戶只能選擇一項,而復選框頂用戶可以隨意率性選擇多項,乃至全選。
語法:
<input type="radio/checkbox" value="值" name="稱號" checked="checked"/>
1.當 type=”radio” 時,控件為單選框
2.當 type=”checkbox” 時,控件為復選框
3.value:提交數據到辦事器的值(後台法式PHP應用)
4.name:為控件定名,以備後台法式 ASP、PHP 應用
5.checked:當設置 checked=”checked” 時,該選項被默許選中
6.留意:統一組的單選按鈕,name 取值必定要分歧,好比下面例子為統一個稱號“radioLove”,如許統一組的單選按鈕才可以起到單選的感化。
閱讀器後果為:
該演示代碼完成了一個單選框包括3個選項,和一個復選框包括4選項;
統一個選框的name值必需分歧,不然不克不及完成單選和復選功效。在統一個選框中value值必需分歧,不然傳遞到後台數據有誤。
5 select/option應用下拉列表框單選
下拉列表在網頁中也常會用到,它可以有用的節儉網頁空間。既可以單選、又可以多選。
語法:
<option value=”name” selected=”selected”>Run</option>
Value為向辦事器提交的值;
設置selected=”selected”屬性,則該選項就被默許選中。
閱讀器後果:
6 select/multiple/option應用下拉框多選
下拉列表也能夠停止多選操作,在標簽中設置multiple=”multiple”屬性,便可以完成多選功效,在 widows 操作體系下,停止多選時按下Ctrl鍵同時停止單擊(在 Mac下應用 Command +單擊),可以選擇多個選項。
閱讀器後果:
7 input/submit應用提交按鈕提交數據
語法:<input type="submit" value="提交">
type:只要當type值設置為submit時,按鈕才有提交感化
value:按鈕上顯示的文字
閱讀器後果:
8 input/reset應用重置按鈕重置表單信息
當用戶須要重置表單信息到初始時的狀況時,好比用戶輸出“用戶名”後,發明書寫有誤,可使用重置按鈕使輸出框恢復到初始狀況。只須要把type設置為”reset”便可以。
語法:
<input type="reset" value="重置">1
type:只要當type值設置為reset時,按鈕才有重置感化
value:按鈕上顯示的文字
閱讀器後果:
9 表單中label標簽
label標簽不會向用戶出現任何特別後果,它的感化是為鼠標用戶改良了可用性。假如你在 label 標簽內點擊文本,就會觸發此控件。就是說,當用戶單擊選中該label標簽時,閱讀器就會主動將核心轉到和標簽相干的表單控件上(就主動選中和該label標簽相干連的表單控件上)。
語法:
<label for="控件id稱號">
留意:標簽的 for 屬性中的值應該與相干控件的 id 屬性值必定要雷同。
閱讀器後果:
以上就是本文的全體內容,願望對年夜家的進修有所贊助。