Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 2021国产成人午夜精品,国产精品中文,www日本高清 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營(yíng)銷服務(wù)商
          
				
          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費(fèi)咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          12.HTML表單標(biāo)簽
          
        
           
          
	
	
          
		12.HTML表單標(biāo)簽
          
                        
          .form 標(biāo)簽
          1）作用
          <form></form>定義表單的開始位置和結(jié)束位置，表單提交時(shí)的內(nèi)容就是<form>表單中的內(nèi)容
          2）基本格式
          <form action="服務(wù)器端地址（接受表單內(nèi)容的地址）" name="表單名稱" method="post|get">...</form>
          3）常用屬性
          1.name
          表單名稱
          2.method
          傳送數(shù)據(jù)的方式，分為post和get兩種方式：
          1. get方式：get方式提交時(shí)，會(huì)將表單的內(nèi)容附加在URL地址的后面，所以限制了提交的內(nèi)容的長(zhǎng)度，不超過8192個(gè)字符，且不具備保密性。
          2. post方式：post方式提交時(shí)，將表單中的數(shù)據(jù)一并包含在表單主體中，一起傳送到服務(wù)器中處理，沒有數(shù)據(jù)大小限制。
          3.action
          表單數(shù)據(jù)的處理程序的URL地址，如果為空則使用當(dāng)前文檔的URL地址，如果表單中不需要使用action屬性也要指定其屬性為”no“。
          4.enctype
          設(shè)置表單的資料的編碼方式。屬性值：
          1. application/x-www-form-urlencoded：在發(fā)送前編碼所有字符（默認(rèn)）
          2. multipart/form-data：不對(duì)字符編碼。在使用包含文件上傳控件的表單時(shí)，必須使用該值。
          3. text/plain：空格轉(zhuǎn)換為 "+" 加號(hào)，但不對(duì)特殊字符編碼。
          5.target
          和超鏈接的屬于類似，用來(lái)指定目標(biāo)窗口。
          2.input 標(biāo)簽
          1）注意
          input 標(biāo)記沒有結(jié)束標(biāo)記。
          2）基本語(yǔ)法
          <input type="" name="" value="" size="" maxlength="">
          3）屬性
          1.type屬性
          1. text：文本輸入域
          2. password：密碼輸入域
          3. submit：提交按鈕
          4. reset：重置按鈕
          5. button：普通按鈕
          6. radio：?jiǎn)芜x按鈕，可以使用”checked“屬性來(lái)設(shè)置默認(rèn)選中項(xiàng)
          7. checkbox：復(fù)選框，可以使用”checked“屬性來(lái)設(shè)置默認(rèn)選中項(xiàng)
          8. hidden：隱藏表單域
          9. file：文件域
          2.name屬性
          定義控件的名稱
          3.value屬性
          初始化值，打開瀏覽器時(shí)，文本框中的內(nèi)容
          4.size屬性
          設(shè)置控件的長(zhǎng)度
          5.maxlength屬性
          輸入框中最大允許輸入的字符數(shù)
          3.textarea 標(biāo)簽
          1）作用
          使用 textarea 標(biāo)記可以實(shí)現(xiàn)一個(gè)能夠輸入多行文本的區(qū)域。
          2）語(yǔ)法格式
          rows屬性和cols屬性分別用來(lái)指定，顯示的行數(shù)和列數(shù)，單位是字符個(gè)數(shù)；value指定傳送到服務(wù)器上面的值。
          <textarea name="name" rows="value" cols="value" value="value">... ... </textarea>
          4.select 標(biāo)簽
          1）作用
          菜單下拉列表域，生成一個(gè)下拉列表。
          2）option 標(biāo)簽
          作用：
          option 標(biāo)記用來(lái)指定列表中的一個(gè)選項(xiàng)，需要放在 select 之間。
          值：
          1. value：給選項(xiàng)賦值，指定傳送到服務(wù)器上面的值。
          2. selected：指定默認(rèn)的選項(xiàng)。
          3）語(yǔ)法格式
          <select name="" size="value" multiple>    <option value="value1" selected>選項(xiàng)1</option>    <option value="value2">選項(xiàng)2</option>    <option value="value3">選項(xiàng)3</option>    ... ... ...</select>
          4)屬性
          1. multiple屬性：multiple屬性不用賦值，其作用是，表示用可以多選的下來(lái)列表，如果沒有這個(gè)屬性就只能單選。
          2. size屬性：設(shè)置列表的高度。
          3. name屬性：定義這個(gè)列表的名稱。
          5.label 標(biāo)簽
          1）作用
          用于綁定一個(gè)表單元素, 當(dāng)點(diǎn)擊label標(biāo)簽的時(shí)候, 被綁定的表單元素就會(huì)獲得輸入焦點(diǎn)
          2）語(yǔ)法
          <label for="male">Male</label><input type="radio" name="sex" id="male">
          6.舉例
          <form name="form" method="post" action="no" enctype="multipart/form-data">  <label for="male">賬號(hào)：</label><input type="text" name="username" value="admin"  id="male"><br>  密碼：<input type="password" name="password" size="50" maxlength="6"><br>  性別：<input type="radio" name="sex" value="男"> 男    <input type="radio" name="sex" value="女" checked="checked"> 女<br>  興趣：<input type="checkbox" name="interest" value="籃球">籃球    <input type="checkbox" name="interest" value="足球" checked="checked">足球    <input type="checkbox" name="interest" value="羽毛球" checked="checked">羽毛球    <input type="hidden" name="hidden"><br>  頭像：<input type="file" name="file"><br>  簡(jiǎn)介：    <textarea rows="10" cols="30">        </textarea><br>  城市：    <select name="city" multiple>      <option value="beijing">北京</option>      <option value="shanghai" selected>上海</option>      <option value="nanjing">南京</option>      <option value="guangdong">廣東</option>    </select>  <br>  <input type="submit" value="注冊(cè)">  <input type="reset">  <input type="button" value="普通按鈕"></form>

          單(form)
          • 作用: 用于收集用戶信息, 讓用戶填寫、選擇相關(guān)信息
          • 格式:
          • 注意事項(xiàng):
            • 所有的表單內(nèi)容，都要寫在form標(biāo)簽里面
            • form標(biāo)簽中有兩個(gè)比較重要的屬性action和method, 但就現(xiàn)目前大家的知識(shí)儲(chǔ)備而言暫時(shí)無(wú)法理解, 所以放到后面的課程中講解
          input標(biāo)簽
          • 如果說(shuō)td是表格最核心的標(biāo)簽, 那么input就是表單最核心的標(biāo)簽. nput標(biāo)簽有一個(gè)type屬性, 這個(gè)屬性有很多類型的取值, 取值的不同就決定了input標(biāo)簽的功能和外觀不同
          • 明文輸入框
            • 作用: 用戶可以在輸入框內(nèi)輸入內(nèi)容
            • 賬號(hào):<input type="text"/>
          • 暗文輸入框
            • 作用: 用戶可以在輸入框內(nèi)輸入內(nèi)容
            • 密碼:<input type="password"/>
          • 給輸入框設(shè)置默認(rèn)值
            • 賬號(hào):<input type="text" value="123"/>
            • 密碼:<input type="password" value="123"/>
          • 規(guī)定輸入字段中的字符的最大長(zhǎng)度
            • 賬號(hào): <input type="text" name="fullname" maxlength="8" />
          • 單選框(radio)
            • 作用: 用戶只能從眾多選項(xiàng)中選擇其中一個(gè)
            • 單選按鈕，天生是不互斥的，如果想互斥，必須要有相同的name屬性
          • 多選框(checkbox)
            • 作用: 用戶只能從眾多選項(xiàng)中選擇多個(gè)
            • 復(fù)選框，最好也是有相同的name（雖然他不需要互斥，但是也要有相同的name）
          • 給單選、多選設(shè)置默認(rèn)值
            • 指定radio和checkbox默認(rèn)值, 前提是同一組內(nèi)容必須設(shè)置相同name屬性
           
          • label標(biāo)簽
            • 表單元素要有一個(gè)id，然后label標(biāo)簽就有一個(gè)for屬性，for屬性和id相同就表示綁定了
            • 所有表單元素都可以通過label綁定
            • 作用: label標(biāo)簽不會(huì)向用戶呈現(xiàn)任何特殊效果。不過，它為鼠標(biāo)用戶改進(jìn)了可用性
            • 注意事項(xiàng):
              表單元素要有一個(gè)id，然后label標(biāo)簽就有一個(gè)for屬性，for屬性和id相同就表示綁定了
              所有表單元素都可以通過label綁定
          • 按鈕
            • 作用: 定義可點(diǎn)擊按鈕（多數(shù)情況下，用于通過 JavaScript 啟動(dòng)腳本）
            • <input type="button" value="點(diǎn)我丫" />
          • 圖片按鈕
            • 作用:定義圖像形式的提交按鈕
            • <input type="image" src="lnj.jpg" />
          • 重置按鈕
            • 這個(gè)按鈕不需要寫value自動(dòng)就有“重置”文字
            • reset只對(duì)form表單中表單項(xiàng)有效果
            • 作用: 定義重置按鈕。重置按鈕會(huì)清除表單中的所有數(shù)據(jù)
            • <input type="reset" />
            • 注意事項(xiàng):
          • 提交按鈕
            • 這個(gè)按鈕不需要寫value自動(dòng)就有“提交”文字
            • 要想通過submit提交數(shù)據(jù)到服務(wù)器, 被提交的表單項(xiàng)都必須設(shè)置name屬性
            • 默認(rèn)明文傳輸(GET)不安全, 可以將method屬性設(shè)置為POST改為非明文傳輸(學(xué)到Ajax再理解)
            • 作用:定義提交按鈕。提交按鈕會(huì)把表單數(shù)據(jù)發(fā)送到action屬性指定的頁(yè)面
            • <input type="submit" />
            • 注意事項(xiàng):
          • 隱藏域
            • 作用: 定義隱藏的輸入字段
            • <input type="hidden">
            • 暫時(shí)不用掌握, 在Ajax中對(duì)數(shù)據(jù)的CRUD操作有非常大的作用
          • 取色器
            • <input type="color">
            • HTML5中input類型增加了很多type類型, 例如color、date但是都不兼容, 后面講到瀏覽器兼容時(shí)會(huì)重點(diǎn)講解
          • 日期選擇器
            • <input type="date">
            • HTML5中input類型增加了很多type類型, 例如color、date但是都不兼容, 后面講到瀏覽器兼容時(shí)會(huì)重點(diǎn)講解
          數(shù)據(jù)列表
          • 作用: 給輸入框綁定待選項(xiàng)
          • 格式:


          • 如何給輸入框綁定待選列表
            • 搞一個(gè)輸入框
            • 搞一個(gè)datalist列表
            • 給datalist列表標(biāo)簽添加一個(gè)id
            • 給輸入框添加一個(gè)list屬性,將datalist的id對(duì)應(yīng)的值賦值給list屬性即可
          多行文本框(文本域)
          • 作用: textarea標(biāo)簽用于在表單中定義多行的文本輸入控件
            • cols屬性表示columns“列”, 規(guī)定文本區(qū)內(nèi)的可見寬度
            • rows屬性表示rows“行”, 規(guī)定文本區(qū)內(nèi)的可見行數(shù)
          • 格式:
            <textarea cols="30" rows="10">默認(rèn)
          關(guān)于課程的疑問和更多討論，可以登錄http://bbs.520it.com/forum.php?mod=viewthread&tid=2429
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
全国精品一区二区在线观看|
视频一区视频二区制服丝袜|
亚洲A∨无码一区二区三区|
手机看片一区二区|
免费av一区二区三区|
国产免费一区二区三区|
国产aⅴ一区二区|
亚洲AV成人一区二区三区AV|
成人精品视频一区二区|
中文字幕一区二区三区日韩精品
|
精品少妇ay一区二区三区
|
乱中年女人伦av一区二区|
国产福利精品一区二区|
国产裸体舞一区二区三区|
日本一区二区免费看|
后入内射国产一区二区|
精品国产鲁一鲁一区二区|
成人国内精品久久久久一区
|
一区二区无码免费视频网站|
红杏亚洲影院一区二区三区
|
无码一区二区三区免费|
国产一区视频在线免费观看|
国产99久久精品一区二区|
成人乱码一区二区三区av|
国产人妖在线观看一区二区|
精品一区二区三区免费毛片爱
|
搡老熟女老女人一区二区|
一区二区三区免费在线观看|
国产成人一区二区三中文|
精品久久一区二区|
久久国产精品免费一区二区三区|
中文字幕无码不卡一区二区三区
|
日韩精品无码一区二区三区|
无码精品人妻一区|
好爽毛片一区二区三区四无码三飞|
久久青草国产精品一区|
久久se精品一区二区影院|
亚洲国产精品成人一区|
国产一区二区在线|播放|
精品一区二区ww|
一本一道波多野结衣AV一区|