JavaScript與表單控制項

來源:互聯網
上載者:User

標籤:maxlength   檔案   提交   javascrip   for   發送資料   type   encode   指定   

JavaScript與表單控制項

1.表單控制項

a) 在HTML中表單控制項是用戶端與伺服器進行資料轉送的工具,用來收集用戶端的資訊,並允許用戶端的使用者以標準格式向伺服器提交資料

b) <form name=”frmName” action=”frmAction” [method=”post(預設)/get” [target=”targetType”] [enctype=””]></form>--[]表可選

c) 

。name:表單名稱;指定名稱後方便對form進行控制

。action:指定表單處理程式的URL地址

。method:指定form的提交方法;可選,預設post

.post:將表單資訊附加在action指定的URL地址之後組成新的URL;

地址與表單資訊之間以“?”分隔;

各資料之間以“&”串連;

URL長度限定在8192字元內,如果發送資料過大則會被截斷

.get:把資料作為獨立的資料區塊,與URL分開;

長度不受限定;

資料加密,不會在地址欄顯示

。target:指定form提交後目的文件顯示的方式;可選;預設_self

._self:在當前使用視窗開啟目的文件

._blank:在新的視窗開啟目的文件

._parent:在當前視窗的父視窗開啟目的文件

._top:在當前視窗內開啟目的文件並確保目的文件佔用整個視窗

。enctype:指定form提交時的編碼方式;可選,預設application/x-www-form-urlencoded

.text/plain:純文字編碼

.application/x-www-form-urlencoded:URL編碼,預設編碼方式

.multipart/form-data:MIME編碼;上傳檔案時必須使用

d) 事件

。onSubmit:提交

。onReset:重設

2.文字框

a) 文字框中的資訊可編輯,需要修改某些資訊時可使用文字框在用戶端與伺服器之間傳輸資料

b) (單行文字框)

    1. <input type=”text” [name=”txtName”] [value=””] [size=””] [maxlength=””] readOnly=”readOnly”/>
    2. value:
    3. size:輸入內容大於指定size--可繼續輸入並滾動顯示多餘部分資訊
    4. maxlength:輸入內容長度大於maxlength--無法繼續輸入
    5. readOnly:唯讀,不能添加修改內容

3.列表框

4.組合框

5.複選框

6.選項按鈕

7.按鈕

JavaScript與表單控制項

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.