表單結(jié)構(gòu)

  • 2020-08-04 15:26:40
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來(lái)源:http://m.supportcoffeeroasters.com

表單結(jié)構(gòu)

做網(wǎng)站中,表單不僅指一個(gè)<form>標(biāo)簽,實(shí)際上它是一個(gè)復(fù)雜的數(shù)據(jù)控件,提供數(shù)據(jù)輸入的接口和數(shù)據(jù)傳輸?shù)囊?guī)則,這有別于網(wǎng)頁(yè)中其他標(biāo)簽。表單另一個(gè)特殊之處就是它包含多個(gè)表單域?qū)ο?,只有協(xié)同合作,整個(gè)表單才能夠正常工作,實(shí)現(xiàn)信息交互的目的。

一個(gè)完整的表單必須包含表單框(<form>標(biāo)簽)、表單域(數(shù)據(jù)輸入域)和表單事件(提交按鈕,觸發(fā)表單數(shù)據(jù)被提交的界面)如下圖所示。

bc85a615ff3aab36f935fca152368005.jpg

如果使用html表示,則代碼如下:

<form id="form1" name="form1" method="post" action="">    <label>姓名:<input type="text" name="textfield" type="horizontal">        <legend>性別:</legend>        <label><input name="sex" type="radio" value="男" checked />男</label>        <label><input name="sex" type="radio" value="女" />女</label>    </fieldset>    <fieldset data-role="controlgroup" data-type="horizontal">        <legend>興趣:</legend>        <label><input name="interest" type="checkbox" value="體育" />體育</label>        <label><input name="interest" type="checkbox" value="音樂(lè)" />音樂(lè)</label>        <label><input name="interest" type="checkbox" value="計(jì)算機(jī)" />計(jì)算機(jī)</label>    </fieldset>    <label>學(xué)歷:        <select name="level" data-inline="true">id="textfield" /> </label>    <fieldset data-role="controlgroup" data-<option value="level1">中學(xué)</option>            <option value="level2">???lt;/option>            <option value="level3">本科</option>            <option value="level4">研究生</option>        </select>    </label>    <label>簡(jiǎn)介:<textarea name="intr" cols="40" rows="4"></textarea></label>    <label><input name="" type="submit" value="提交"    data-inline="true" data-theme="e" /></label></form>

在上面代碼中,<form>標(biāo)簽構(gòu)成了表單包含框,其他元素都必須包含在其中,而<input>、<select>和<textarea>標(biāo)簽則表示表單域,其中<in-put name="" type="submit" value="提交" />則表示表單事件,單擊該按鈕將觸發(fā)表單提交動(dòng)作,實(shí)現(xiàn)數(shù)據(jù)請(qǐng)求的交互行為。表單域所包含的對(duì)象沒(méi)有限制,但是表單框是必需的,表單事件可以附加在表單框上或者其他表單域上。

當(dāng)前文章標(biāo)題:表單結(jié)構(gòu)

當(dāng)前URL:http://m.supportcoffeeroasters.com/news/wzzz/3253.html

上一篇:注釋規(guī)范

下一篇:設(shè)計(jì)表單頁(yè)

網(wǎng)站建設(shè)、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專線:15368242187(微信同號(hào))