pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

HTML表單_動力節(jié)點Java學院整理

HTML 表單用于接收不同類型的用戶輸入,用戶提交表單時向服務器傳輸數(shù)據(jù),從而實現(xiàn)用戶與Web服務器的交互

一、表單

1.表單的作用

HTML 表單用于接收不同類型的用戶輸入,用戶提交表單時向服務器傳輸數(shù)據(jù),從而實現(xiàn)用戶與Web服務器的交互。

2.表單的工作機制

HTML表單_動力節(jié)點Java學院整理  

3.表單定義(<form></form>標簽)

HTML表單是一個包含表單元素的區(qū)域, 表單使用<form> 標簽創(chuàng)建。表單能夠包含input元素,比如文本字段、復選框、單選框、提交按鈕等等。表單還可以包含 menus、textarea、fieldset、legend 和 label 元素。注意,<form >元素是塊級元素,其前后會產(chǎn)生折行。

     <form action="login.do" method="post">
     <!--表單元素在這里-->
     </form>

4.表單屬性

action:規(guī)定當提交表單時,向何處發(fā)送表單數(shù)據(jù)。action取值為:第一,一個URL(絕對URL/相對URL),一般指向服務器端一個程序,程序接收到表單提交過來的數(shù)據(jù)(即表單元素值)作相應處理。比如<form action="http://www.XXX.com/login.do">,當用戶提交這個表單時,服務器將執(zhí)行網(wǎng)址"http://www.XXX.com/"上的名為"login.do"的一般處理程序。第二,使用mailto協(xié)議的URL地址,這樣會將表單內容以電子郵件的形式發(fā)送出去。這種情況比較少見的,因為它要求訪問者的計算機上安裝和正確設置好了郵件發(fā)送程序。第三,空值,如果action為空或不寫,表示提交給當前頁面。

method:該屬性定義瀏覽器將表單中的數(shù)據(jù)提交給服務器處理程序的方式。關于method的取值,最常用的是get和post。第一,使用get方式提交表單數(shù)據(jù),Web瀏覽器會將各表單字段元素及其數(shù)據(jù)按照URL參數(shù)格式附在<form>標簽的action屬性所指定的URL地址后面發(fā)送給Web服務器;由于URL的長度限制,使用get方式傳送的數(shù)據(jù)量一般限制在1KB以下。第二,使用post方式,瀏覽器會將表單數(shù)據(jù)作為HTTP請求體的一部分發(fā)送給服務器。一般來說,使用post方式傳送的數(shù)據(jù)量要比get方式傳遞的數(shù)據(jù)量大;根據(jù)HTML標準,如果處理表單的服務器程序不會改變服務器上存儲的數(shù)據(jù),則應采用get方式(比如查詢),如果表單處理的結果會引起服務器上存儲的數(shù)據(jù)的變化,則應該采用post方式(比如增刪改操作)。第三,其它方式(Head、PUT、DELETE、TRACE 或 OPTIONS等)。其實,最初HTTP標準對各種操作都規(guī)定了相應的method,但后來很多都沒有被遵守,大部分情況只是使用get或post就OK。

target:該屬性規(guī)定在何處顯示action屬性中指定的URL所返回的結果。取值有_blank(在新窗口中打開)、_self(在相同的框架中打開,默認值)、_parent(在父框架中打開)、_top(在整個窗口中打開)和framename(在指定的框架中打開)。

title:設置網(wǎng)站訪問者的鼠標放在表單上的任意位置停留時,瀏覽器用小浮標顯示的文本。

enctype:規(guī)定在發(fā)送到服務器之前應該如何對表單數(shù)據(jù)進行編碼。取值:默認值為 "application/x-www-form-urlencoded",在發(fā)送到服務器之前,所有字符都會進行編碼(空格轉換為 "+" 加號,特殊符號轉換為 ASCII HEX 值);“multipart/form-data”:不對字符編碼。在使用包含文件上傳控件的表單時,必須使用該值。

name:表單的名稱。注意和id屬性的區(qū)別:name屬性是和服務器通信時使用的名稱;而id屬性是瀏覽器端使用的名稱,該屬性主要是為了方便客戶端編程,而在css和javascript中使用的。

二、表單元素

1.單行文本框<input type="text"/>(input 的type 屬性的默認值就是"text")

<input type = “text” name=“名稱”/>

以下是單行文本框的主要屬性:

  1. size:指定文本框的寬度,以字符個數(shù)為單位;在大多數(shù)瀏覽器中,文本框的缺省寬度是20個字符。
  2. value:指定文本框的默認值,是在瀏覽器第一次顯示表單或者用戶單擊<input type="reset"/>按鈕之后在文本框中顯示的值。
  3. maxlength:指定用戶輸入的最大字符長度。
  4. readonly:只讀屬性,當設置readonly屬性后,文本框可以獲得焦點,但用戶不能改變文本框中的value。
  5. disabled:禁用,當文本框被禁用時,不能獲得焦點,當然,用戶也不能改變文本框的值。并且在提交表單時,瀏覽器不會將該文本框的值發(fā)送給服務器。
【網(wǎng)站聲明】本站除付費源碼經(jīng)過測試外,其他素材未做測試,不保證完整性,網(wǎng)站上部分源碼僅限學習交流,請勿用于商業(yè)用途。如損害你的權益請聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數(shù)傳遞問題,需要的朋友參考下吧
本文給大家分享一段代碼關于雙11搶券,寫一個自動打開頁面的html,僅僅是設定時間打開搶券的頁面,代碼簡單易懂,非常不錯,具有參考借鑒價值,需要的朋友參考下吧
本文通過實例代碼給大家介紹了HTML 表單組件的知識,非常不錯,具有參考借鑒價值,需要的朋友參考下吧
最近公司安排我做一個ccfa的小東東,其中有一項需求就是做一個網(wǎng)頁播放攝像頭的實時監(jiān)控功能,對于我這個小菜鳥來說真是難到了,下面小編給大家?guī)砹薍TML實現(xiàn)海康攝像頭實時監(jiān)控
html頁面的查找功能主要是實現(xiàn)在查找框內輸入字符,下面通過本文給大家分享html頁面的查找功能,需要的朋友參考下吧
這篇文章主要介紹了HTML頁面自動清理js、css文件的緩存(自動添加版本號),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 土壤肥料养分速测仪_测土配方施肥仪_土壤养分检测仪-杭州鸣辉科技有限公司 | 厦门ISO认证|厦门ISO9001认证|厦门ISO14001认证|厦门ISO45001认证-艾索咨询专注ISO认证行业 | 硫化罐-胶管硫化罐-山东鑫泰鑫智能装备有限公司 | 盘装氧量分析仪-防爆壁挂氧化锆分析仪-安徽吉帆仪表有限公司 | 雄松华章(广州华章MBA)官网-专注MBA/MPA/MPAcc/MEM辅导培训 | 光纤测温-荧光光纤测温系统-福州华光天锐光电科技有限公司 | 周易算网-八字测算网 - 周易算网-宝宝起名取名测名字周易八字测算网 | 防爆电机_防爆电机型号_河南省南洋防爆电机有限公司 | POS机办理_个人pos机免费领取-银联pos机申请首页 | 北京网站建设首页,做网站选【优站网】,专注北京网站建设,北京网站推广,天津网站建设,天津网站推广,小程序,手机APP的开发。 | 网站建设,北京网站建设,北京网站建设公司,网站系统开发,北京网站制作公司,响应式网站,做网站公司,海淀做网站,朝阳做网站,昌平做网站,建站公司 | 利浦顿蒸汽发生器厂家-电蒸汽发生器/燃气蒸汽发生器_湖北利浦顿热能科技有限公司官网 | 膜结构_ETFE膜结构_膜结构厂家_膜结构设计-深圳市烨兴智能空间技术有限公司 | 爱佩恒温恒湿测试箱|高低温实验箱|高低温冲击试验箱|冷热冲击试验箱-您身边的模拟环境试验设备技术专家-合作热线:400-6727-800-广东爱佩试验设备有限公司 | 六维力传感器_六分量力传感器_模腔压力传感器-南京数智微传感科技有限公司 | 真空吸污车_高压清洗车厂家-程力专用汽车股份有限公司官网 | 罗茨真空机组,立式无油往复真空泵,2BV水环真空泵-力侨真空科技 | 洁净化验室净化工程_成都实验室装修设计施工_四川华锐净化公司 | 高压互感器,电流互感器,电压互感器-上海鄂互电气科技有限公司 | hdpe土工膜-防渗膜-复合土工膜-长丝土工布价格-厂家直销「恒阳新材料」-山东恒阳新材料有限公司 ETFE膜结构_PTFE膜结构_空间钢结构_膜结构_张拉膜_浙江萬豪空间结构集团有限公司 | 砂磨机_立式纳米砂磨机_实验室砂磨机-广州儒佳化工设备厂家 | 深圳装修_店面装修设计_餐厅设计_装修全包价格-尚泰装饰设计 | 齿轮减速机电机一体机_齿轮减速箱加电机一体化-德国BOSERL蜗轮蜗杆减速机电机生产厂家 | 广州物流公司_广州货运公司_广州回程车运输 - 万信物流 | 便民信息网_家电维修,家电清洗,开锁换锁,本地家政公司 | 桐城新闻网—桐城市融媒体中心主办| 爱德华真空泵油/罗茨泵维修,爱发科-比其尔产品供应东莞/杭州/上海等全国各地 | 风化石头制砂机_方解石制砂机_瓷砖石子制砂机_华盛铭厂家 | 食品质构分析仪-氧化诱导分析仪-瞬态法导热系数仪|热冰百科 | 深圳办公室装修,办公楼/写字楼装修设计,一级资质 - ADD写艺 | 深圳工程师职称评定条件及流程_深圳职称评审_职称评审-职称网 | 冲锋衣滑雪服厂家-冲锋衣定制工厂-滑雪服加工厂-广东睿牛户外(S-GERT) | 环压强度试验机-拉链拉力试验机-上海倾技仪器仪表科技有限公司 | CXB船用变压器-JCZ系列制动器-HH101船用铜质开关-上海永上船舶电器厂 | 楼承板设备-楼承板成型机-免浇筑楼承板机器厂家-捡来 | 外观设计_设备外观设计_外观设计公司_产品外观设计_机械设备外观设计_东莞工业设计公司-意品深蓝 | 上海地磅秤|电子地上衡|防爆地磅_上海地磅秤厂家–越衡称重 | 达利园物流科技集团-| 清水混凝土修复_混凝土色差修复剂_混凝土色差调整剂_清水混凝土色差修复_河南天工 | 车充外壳,车载充电器外壳,车载点烟器外壳,点烟器连接头,旅行充充电器外壳,手机充电器外壳,深圳市华科达塑胶五金有限公司 | 智能监控-安防监控-监控系统安装-弱电工程公司_成都万全电子 |