HTML琛ㄥ崟娉ㄦ剰瑕佷笌琛ㄦ牸鍖哄垎寮€锛岃〃鍗曟槸锛宧tml鐨勫姩鎬佹爣绛撅紝鎴戝墠闈㈢殑鍗氬璇寸殑閮芥槸闈欐€佺殑椤甸潰锛屽湪杩欓噷琛ㄥ崟鏈変互涓嬪嚑绉嶇被鍨嬶細锛?锛夊崟琛屾枃鏈锛坕nput(鏍囩)锛夛紙2锛夊瘑鐮佹枃鏈锛?锛夊崟閫夋锛?锛夊閫夋锛?锛夋寜閽紙6锛夋枃浠朵笂浼狅紙7锛夊琛屾枃鏈锛坱extarea鏍囩锛夛紙8锛変笅鎷夊垪琛紙select鏍囩锛夌ず渚嬶細<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>html form鏍囩</title></head><body> <p>绀轰緥</p> <from> <input type="text" value="鍗曡鏂囨湰妗?quot;><br/> <textarea>杩欐槸涓€涓琛屾枃鏈</textarea><br/> <select> <option>C++</option> <option>Python</option> <option>Java</option> </select> </from></body></html>瀹炵幇鏁堟灉锛歠orm鐨勫嚑涓睘鎬э細灞炴€ц鏄巒ame琛ㄥ崟鍚嶇О锛屽彲浠ョ敤鏉ュ尯鍒嗕笉鍚岀殑琛ㄥ崟method鎻愪氦鏂瑰紡锛屾湁涓ょhttp鎻愪氦鏂瑰紡锛歡et銆乸ost锛宲ost瀹夊叏鎬ф洿濂絘ction鎸囧畾鎻愪氦鍦板潃target鎵撳紑鏂瑰紡锛堜笌鏍囩绫讳技锛夛紝鍙細鐢ㄥ埌_blank灞炴€nctype鎸囧畾鎻愪氦鐨勭紪鐮佹柟寮廼nput琛ㄥ崟澶ч儴鍒嗚〃鍗曢兘鏄敤input锛屽洜涓哄畠鍙互鏈夊緢澶氱伒娲荤殑鍙樺寲锛屾牴鎹笉鍚岀殑type灞炴€у€硷紝瀹冨畬鍏ㄥ彲浠ラ€傚簲澶氱鎯呭喌涓嬬殑浣跨敤銆?lt;input type="琛ㄥ崟绫诲瀷" />type灞炴€т綔鐢╰ext鍗曡鏂囨湰妗唒assword瀵嗙爜鏂囨湰妗唕adio鍗曢€夋checkbox澶氶€夋button鎴杝ubmit鎴杛eset鎸夐挳file鎵撳紑鏂囦欢璧勬簮绠＄悊鍣紝閫夋嫨鏂囦欢涓婁紶浣跨敤绀轰緥锛?lt;!DOCTYPE html><html><head> <meta charset="utf-8"> <title>html form鏍囩</title></head><body> <p>绀轰緥</p> <from> <input type="text" value="鍗曡鏂囨湰妗?quot;><br/> <textarea>杩欐槸涓€涓琛屾枃鏈</textarea><br/> <select> <option>C++</option> <option>Python</option> <option>Java</option> </select> </from> <br> <p>-------</p> <p>-------</p> <p>-------</p> <p>-------</p> <p>-------</p> <p>-------</p> <from> <input type="text" value="鍗曡鏂囨湰妗嗙殑浣跨敤" > <br> <input type="password" value="瀵嗙爜鏂囨湰妗?quot;> <br> <input type="radio" name="sex" value="鐢?quot;>鐢? <input type="radio" name="sex" value="濂?quot;>濂? <br> <input type="button" value="鎸夐挳"> <br> <input type="file" value="閫夋嫨鏂囦欢"> </from></body></html>涓嬮潰鏈夎缁嗕粙缁嶏細璇︾粏浠嬬粛褰搃nput鏍囩type="text鍜宼ype="password"鏃讹紝杩樻湁涓変釜甯哥敤灞炴€э細灞炴€ц鏄巚alue璁剧疆鏂囨湰妗嗙殑榛樿鍊硷紝涔熷氨鏄粯璁ゆ儏鍐典笅濉啓鐨勬枃瀛梥ize璁剧疆鏂囨湰妗嗙殑闀垮害maxlength璁剧疆鏂囨湰妗嗕腑鏈€澶氬彲浠ヨ緭鍏ョ殑瀛楃鏁帮紝鍔犱笉鍔犺繖涓睘鎬т笉浼氬鍗曡鏂囨湰妗嗙殑澶栬鏈夊奖鍝嶄笅鎷夋锛歴elect灞炴€э細mutiple锛堣缃閫夛級銆乻ize锛堣缃笅鎷夊垪琛ㄦ樉绀哄嚑涓€夐」锛塷ption灞炴€э細selected锛堟槸鍚﹂€変腑锛夈€傛寜閽篃鏈変笁绉嶏細锛?锛夋櫘閫氭寜閽厤鍚圝avaScript鏉ヨ繘琛屽悇绉嶆搷浣滅殑銆倀ype="button"锛?锛夋彁浜ゆ寜閽敤鏉ョ粰鏈嶅姟鍣ㄦ彁浜ゆ暟鎹殑銆倀ype="submit"锛?锛夐噸缃寜閽竴鑸敤鏉ユ竻闄ょ敤鎴峰湪鎸夐挳鎵€灞炶〃鍗曚腑杈撳叆鐨勫唴瀹广€倀ype="reset"锛屽鏋滀笉鏄寜閽墍灞炶〃鍗曪紝琛ㄤ腑鍐呭涓庤繖涓寜閽棤鍏炽€俰nput鏍囩涔嬪崟閫夋radio涓轰粈涔堣繖閲岀敤涓€涓崟鐙殑鏍囬鏉ュ啓鍛紵鍘熷洜鏄崟閫夋鏈夎澶氬湴鏂硅娉ㄦ剰銆傦紙绗簩澶╄ˉ涓婏紝鍏骇绉瀬澶囪€冧腑锛岀紪璇戝師鐞嗙Н鏋佸涔狅級棣栧厛璇硶鏄繖鏍峰瓙鐨勶細<input type="radio" name="缁勫悕" value="鍙栧€?quot; />鍙栧€艰繖涓や釜灞炴€т竴瀹氳璁剧疆锛屽悓鏃舵敞鎰忕粍鍚峮ame鍦ㄥ悓涓€缁勫崟閫夋閲岄潰瑕佷竴鑷达紝鍚﹀垯灏卞彉鎴愪簡澶氫釜鍗曢€夋锛堝彲浠ュ悓鏃堕€夋嫨澶氫釜锛夛紝<>鍚庨潰璺熺殑涓€鑸笌value鐩稿悓銆傝繕鏈変竴涓娉ㄦ剰鐨勫湴鏂规槸杩樻湁涓€涓睘鎬у彨checked锛屽姞涓婁箣鍚庡氨鍙互璁╁畠榛樿閫夋嫨銆傝娉曪細<input type="radio" name="缁勫悕" value="鍙栧€?quot; checked>鍙栧€肩劧鍚庤繕鏈変竴涓彨鍋氬閫夋鐨勪笢瑗匡紙checkbox锛夊睘鎬т笌鍗曢€夋涓€鑷存渶缁堢粌涔犲疄鐜版晥鏋滐細浠ｇ爜锛?lt;!DOCTYPE html><html><head> <meta charset="utf-8"> <title>鎬荤粨缁冧範</title></head><body> 璐﹀彿锛?lt;input type="text" value="璐﹀彿"> <br> 瀵嗙爜锛?lt;input type="password" value="瀵嗙爜"> <br> 鎬у埆锛? <input type="radio" name="鎬у埆" value="鐢?quot;>鐢? <input type="radio" name="鎬у埆" value="濂?quot;>濂? <br> 浼氱殑鎶€鑳斤細 <input type="checkbox" name="鎶€鑳?quot; value="C">C <input type="checkbox" name="鎶€鑳?quot; value="C++">C++ <input type="checkbox" name="鎶€鑳?quot; value="Java">Java <input type="checkbox" name="鎶€鑳?quot; value="Python">Python <br> 涓汉浠嬬粛锛? <!-- <input type="textarea" name="浠嬬粛"> --> <br> <textarea></textarea> <br> 涓婁紶绠€鍘唒df锛? <br> <input type="file"> <hr> <input type="button" value="鎻愪氦"></body></html>鍐欏湪鏈€鍚庯細涓烘湡12澶╋紙鐪嬫垜鐨勫崥瀹富椤靛氨鍙互鐪嬪嚭鏉ヤ簡锛夋妸html鍩虹璇硶瀛﹀畬浜嗮煒侊紝杩欎釜杩囩▼杩樻槸姣旇緝杞绘澗鐨勶紝鍥犱负涔嬪墠瀛︿範杩嘝ython鍜孋++锛屾墍浠ュ杩欎釜璇█杩樻槸闈炲父濂芥帴鍙楃殑锛屼笅涓€姝ワ紝杩涘啗CSS锛屼笉鐭ラ亾闇€瑕佸嚑澶┿€?/p>
