表單設(shè)計(jì)

在天壇街道等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè) 網(wǎng)站設(shè)計(jì)制作按需求定制網(wǎng)站,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),高端網(wǎng)站設(shè)計(jì),成都全網(wǎng)營(yíng)銷,外貿(mào)網(wǎng)站制作,天壇街道網(wǎng)站建設(shè)費(fèi)用合理。

1  表單標(biāo)記  <form>...</form>

1.1  什么是<form>

  <form></form>定義表單的開始位置和結(jié)束位置，表單提交時(shí)的內(nèi)容就是<form>表單中的內(nèi)容

1.2  基本格式

  <form acrion="服務(wù)器端地址(接收表單內(nèi)容的地址)" name="表單名稱" method="posrlget">...</form>

1.3  常用屬性

1.3.1  name  表單名稱

1.3.2  method  傳送數(shù)據(jù)的方式，分為post和get兩種方式

  get  get方式提交時(shí)，會(huì)將表單的內(nèi)容附加在URL地址的后面，所以限制了提交的內(nèi)容的長(zhǎng)度，不超過8192個(gè)字符，且不具備保密性

  post  post方式提交時(shí)，將表單中的數(shù)據(jù)一并包含在表單主體中，一起傳送到服務(wù)器中處理，沒有數(shù)據(jù)大小限制

2.1.3.3  acrion  表單數(shù)據(jù)的處理程序的URL地址，如果為空則使用當(dāng)前文檔的URL地址，如果表單中不需要使用action屬性也要指定其屬性為"no"

1.3.4  enctype  設(shè)置表單的資料的編碼方式

1.3.5  targer  和超鏈接的屬于類似，用來指定目標(biāo)窗口

2  文本域和密碼  <input>標(biāo)記

2.1  <input>標(biāo)記沒有結(jié)束標(biāo)記

2.2  基本語法

  <input type="" name="" value="" size="" maxlength="">

2.3  屬性介紹

2.3.1  type屬性  type屬性有兩個(gè)值

  text  當(dāng)type="type"時(shí)，<input>表示一個(gè)文本輸入域

  password  當(dāng)type="password"時(shí)，<input>表示一個(gè)密碼輸入域

2.3.2  name屬性  定義控件的名稱

2.3.3  value屬性  初始化值，打開瀏覽器時(shí)，文本框中的內(nèi)容

2.3.4  size屬性  設(shè)置控件的長(zhǎng)度

2.3.5  maxlength屬性  輸入框中大允許輸入的字符數(shù)

3  提交、重置和普通按鈕

3.1  提交按鈕

  當(dāng)<input type="submit">時(shí)，為提交按鈕

3.2  重置按鈕

  當(dāng)<input type="reset">時(shí)，為重置按鈕

3.3  普通按鈕

  當(dāng)<input type="button">時(shí)，為普通按鈕

4  單選框和復(fù)選框

4.1  單選框

  當(dāng)<input type="radio">時(shí)，為單選框

4.2  復(fù)選框

  當(dāng)<input type="checkbox">時(shí)，為復(fù)選框

4.3  注意

 單選框和復(fù)選框都可以使用"cheked"屬性來設(shè)置默認(rèn)選中項(xiàng)

5  隱藏域

 當(dāng)<input type="hidden">時(shí)，為隱藏表單域

6  多文本文域

6.1  用法

 使用<textarea>標(biāo)記可以實(shí)現(xiàn)一個(gè)，能夠輸入多行文本的區(qū)域

6.2  語法格式

 <textarea name="name" rows="value" cols="value" value="value">...  ...<textarea>

6.3  rows屬性和cols屬性分別用來指定，顯示的行數(shù)和列數(shù)，單位是字符個(gè)數(shù)

7  菜單下拉列表域  <select>標(biāo)記

7.1  語法格式

 <select name="" size="value" multiple>

  <option value="value" selected>選項(xiàng)1</option>

  <option value="value">選項(xiàng)2</option>

  <option value="value">選項(xiàng)3</option>

  ...  ...

  </select>

7.2  屬性

7.2.1  multiple屬性  multiple屬性不用賦值，其作用是，表示用可以多選的下來列表，如果沒有這個(gè)屬性就只能單選

7.2.2  size屬性  設(shè)置列表的高度

7.2.3  name屬性  定義這個(gè)列表的名稱

7.3  option標(biāo)記

7.3.1   <option>標(biāo)記用來指定列表中的一個(gè)選項(xiàng)，需要放在<select></select>之間

7.3.2  值

  value  給選項(xiàng)賦值，指定傳送到服務(wù)器上面的值

  selected  指定默認(rèn)的選項(xiàng)

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

新聞名稱：HTML語言——表單設(shè)計(jì)-創(chuàng)新互聯(lián)
轉(zhuǎn)載來于：http://jinyejixie.com/article14/dhohge.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機(jī)網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站營(yíng)銷、App設(shè)計(jì)、搜索引擎優(yōu)化、網(wǎng)站維護(hù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)