程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> JAVA編程 >> 關於JAVA >> java ant 設置裝備擺設及構建項目圖文教程

java ant 設置裝備擺設及構建項目圖文教程

編輯:關於JAVA

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,外面有具體引見。 

    
  • <form method="post" action="save.php">  
  •         <label for="username">用戶名:</label>  
  •         <input type="text" name="username" />  
  •         <label for="pass">暗碼:</label>  
  •         <input type="password" name="pass" />  
  • </form>  
  • 2 input/text/password文本和暗碼輸出框

    當用戶要在表單中鍵入字母、數字等外容時,就會用到文本輸出框。文本框也能夠轉化為暗碼輸出框。
    語法: 

        
  • <form>  
  •    <input type="text/password" name="稱號" value="文本" />  
  • </form>  
  •  當type=”text”時,輸出框為文本輸出框;
     當type=”password”時, 輸出框為暗碼輸出框。
     name:為文本框定名,以備後台法式ASP 、PHP應用。
     value:為文本輸出框設置默許值。(普通起到提醒感化)

     測試代碼: 

        
  • <!DOCTYPE HTML>  
  • <html>  
  •     <head>  
  •         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
  •         <title>文本輸出框、暗碼輸出框</title>  
  •     </head>  
  •     <body>  
  •         <form  method="post" action="save.php">  
  •             賬戶:<input  type="text"  name="myName" /><br><br>  
  •             暗碼:<input  type="password"  name="pass" />  
  •         </form>    
  •     </body>  
  • </html>  
  •  閱讀器後果:


    3 textarea文本域,支撐多行文本輸出

    當用戶須要在表單中輸出年夜段文字時,須要用到文本輸出域。
    語法:
     
    <textarea  rows="行數" cols="列數">文本默許值</textarea>

    1、<textarea>標簽是成對湧現的,以<textarea>開端,以</textarea>停止。
    2、cols :多行輸出域的列數。
    3、rows :多行輸出域的行數。
    4、在標簽之間可以輸出默許值。

        
  • <!DOCTYPE HTML>  
  • <html>  
  •     <head>  
  •         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
  •         <title>文本域</title>  
  •     </head>  
  •     <body>  
  •         <form action="save.php" method="post" >  
  •             <label>小我簡介:</label><br>  
  •             <textarea cols="40" rows="10">在這裡輸出內容...</textarea><br>  
  •             <input type="submit" value="肯定"  name="submit" />  
  •             <input type="reset" value="重置"  name="reset" />  
  •         </form>    
  •     </body>  
  • </html>  
  • 閱讀器後果:

    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”,如許統一組的單選按鈕才可以起到單選的感化。

        
  • <html>  
  •     <head>  
  •         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
  •         <title>單選框、復選框</title>  
  •     </head>  
  •     <body>  
  •         <form action="save.php" method="post" >  
  •             你愛好旅游嗎?請選擇:<br>  
  •             <input type="radio" name="radiolove" value="like" checked="checked">愛好   
  •             <input type="radio" name="radiolove" value="dislike" >不愛好   
  •             <input type="radio" name="radiolove" value="unknown" >無所謂   
  •             <br><br>  
  •   
  •             你愛好哪些活動?<br>  
  •             <input type="checkbox" name="checkbox" value="Run" checked="checked"> Run   
  •             <input type="checkbox" name="checkbox" value="Basketball"> Basketball   
  •             <input type="checkbox" name="checkbox" value="FootBall"> FootBall   
  •             <input type="checkbox" name="checkbox" value="Fat" checked="checked"> Fat   
  •         </form>  
  •     </body>  
  • </html>  
  •   

  • 閱讀器後果為:


    該演示代碼完成了一個單選框包括3個選項,和一個復選框包括4選項;

    統一個選框的name值必需分歧,不然不克不及完成單選和復選功效。在統一個選框中value值必需分歧,不然傳遞到後台數據有誤。

    5 select/option應用下拉列表框單選

    下拉列表在網頁中也常會用到,它可以有用的節儉網頁空間。既可以單選、又可以多選。

    語法:
     
    <option value=”name” selected=”selected”>Run</option>

    Value為向辦事器提交的值;

    設置selected=”selected”屬性,則該選項就被默許選中。

        
  • <!DOCTYPE HTML>  
  • <html>  
  •     <head>  
  •         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
  •         <title>下拉列表框</title>  
  •     </head>  
  •     <body>  
  •         <form action="save.php" method="post" >  
  •             <label>喜好:</label>  
  •             <select>  
  •                 <option value="看書">看書</option>  
  •                 <option value="旅游" selected="selected">旅游</option>  
  •                 <option value="活動">活動</option>  
  •                 <option value="購物">購物</option>  
  •             </select>  
  •             <input type="submit" name="submit" value="submit">  
  •             <input type="reset" name="reset" value="reset">  
  •             <br><br>  
  •             <label>留言給我們:</label><br>  
  •             <textarea cols="40" rows="5">在這裡輸出留言...</textarea>  
  •             <br>  
  •             <input type="submit" value="點擊確認提交留言" name="advise">  
  •         </form>  
  •     </body>  
  • </html>  
  • 閱讀器後果:

    6 select/multiple/option應用下拉框多選

    下拉列表也能夠停止多選操作,在標簽中設置multiple=”multiple”屬性,便可以完成多選功效,在 widows 操作體系下,停止多選時按下Ctrl鍵同時停止單擊(在 Mac下應用 Command +單擊),可以選擇多個選項。 

        
  • <!DOCTYPE HTML>  
  • <html>  
  •     <head>  
  •         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
  •         <title>應用下拉列表框停止多選</title>  
  •     </head>  
  •     <body>  
  •         <form action="save.php" method="post" >  
  •             <label>喜好:</label><br>  
  •             <select multiple="multipl">  
  •                 <option value="看書">看書</option>  
  •                 <option value="旅游">旅游</option>  
  •                 <option value="活動">活動</option>  
  •                 <option value="購物">購物</option>  
  •             </select>  
  •   
  •             <br><br>  
  •             <label>留言給我們:</label><br>  
  •             <textarea cols="40" rows="5">在這裡輸出留言...</textarea><br>  
  •             <input type="submit" value="點擊確認提交留言" name="advise">  
  •         </form>  
  •     </body>  
  • </html>  
  • 閱讀器後果:

    7 input/submit應用提交按鈕提交數據

    語法:<input type="submit" value="提交">

    type:只要當type值設置為submit時,按鈕才有提交感化
    value:按鈕上顯示的文字

        
  • <!DOCTYPE HTML>  
  • <html>  
  •     <head>  
  •         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
  •         <title>提交按鈕</title>  
  •     </head>  
  •     <body>  
  •         <form  method="post" action="save.php">  
  •             <label for="myName">姓名:</label>  
  •             <input type="text" value=" " name="myName " />  
  •             <input type="submit" value="提交" name="submitBtn" />  
  •         </form>  
  •     </body>  
  • </html>  
  •   

  • 閱讀器後果:

    8 input/reset應用重置按鈕重置表單信息

    當用戶須要重置表單信息到初始時的狀況時,好比用戶輸出“用戶名”後,發明書寫有誤,可使用重置按鈕使輸出框恢復到初始狀況。只須要把type設置為”reset”便可以。
    語法:

    <input type="reset" value="重置">1

    type:只要當type值設置為reset時,按鈕才有重置感化
    value:按鈕上顯示的文字

        
  • <!DOCTYPE HTML>  
  • <html>  
  •     <head>  
  •         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
  •         <title>重置按鈕</title>  
  •     </head>  
  •     <body>  
  •         <form action="save.php" method="post" >  
  •             <label>喜好:</label>  
  •             <select>  
  •                 <option value="看書">看書</option>  
  •                 <option value="旅游" selected="selected">旅游</option>  
  •                 <option value="活動">活動</option>  
  •                 <option value="購物">購物</option>  
  •             </select>  
  •             <input type="submit" value="肯定"  />  
  •             <input type="reset" value="重置"  />  
  •         </form>  
  •     </body>  
  • </html>  
  •   

  • 閱讀器後果:

    9 表單中label標簽

    label標簽不會向用戶出現任何特別後果,它的感化是為鼠標用戶改良了可用性。假如你在 label 標簽內點擊文本,就會觸發此控件。就是說,當用戶單擊選中該label標簽時,閱讀器就會主動將核心轉到和標簽相干的表單控件上(就主動選中和該label標簽相干連的表單控件上)。
    語法:

    <label for="控件id稱號">

    留意:標簽的 for 屬性中的值應該與相干控件的 id 屬性值必定要雷同。

        
  • <!DOCTYPE HTML>  
  • <html>  
  •     <head>  
  •         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
  •         <title>form中的lable標簽</title>  
  •     </head>  
  •   
  •     <body>  
  •         <form>  
  •             <label for="male">男</label>    
  •                 <input type="radio" name="gender" id="male" /><br />  
  •             <label for="female">女</label>    
  •                 <input type="radio" name="gender" id="female" /> <br />  
  •             <label for="email">輸出你的郵箱地址</label>    
  •                 <input type="email" id="email" placeholder="Enter email"><br>  
  •   
  •             你對甚麼活動感興致:<br>  
  •             <label for="run">慢跑</label>  
  •                 <input type="checkbox" name="sports" id="run"><br>  
  •             <label for="climb">爬山</label>  
  •                 <input type="checkbox" name="sports" id="climb"><br>  
  •             <label for="basketball">籃球</label>  
  •                 <input type="checkbox" name="sports" id="basketball"><br>  
  •         </form>  
  •     </body>  
  • </html>  
  •   
  • 閱讀器後果:

    以上就是本文的全體內容,願望對年夜家的進修有所贊助。

    1. 上一頁:
    2. 下一頁:
    Copyright © 程式師世界 All Rights Reserved