筆記3 表單

表單

表單標(biāo)簽的構(gòu)成和形式:
<form name=”form1” action=”將本表單中的數(shù)據(jù)提交給的對象(是一個php文件名而已)” method=”post”>
</form>

其他表單項

  • 單行文本框:<input type=”text” name=”n1” />

value:設(shè)定其中的初始文字
size:設(shè)置其輸入框的寬度
maxlength:設(shè)置該輸入框最多能輸入的字符個數(shù)
readonly:這是一個“無值”屬性,表示“只讀”
disable: 設(shè)置該輸入框“無效”,即數(shù)據(jù)無效

  • 密碼框:<input type=”password” name=”n2” />

value:設(shè)定其中的初始文字
size:設(shè)置其輸入框的寬度
maxlength:設(shè)置該輸入框最多能輸入的字符個數(shù)

  • 單選項:<input type=”radio” name=”n3” value=”某個值” />

checked:表示該選項默認(rèn)是選中的狀態(tài)。
! 一組的單選項要求name的值必須相同

  • 多選項:<input type="submit" name="n5" value="提交文字"/>

checked:表示該選項默認(rèn)是選中的狀態(tài)。

  • 提交按鈕:<input type="submit" name="n5" value="提交文字"/>
  • 圖片按鈕:<input type="image" name="n6" src="圖片地址/>
  • 重置按鈕:<input type="reset" name="n7" value="重置文字"/>
  • 普通按鈕:<input type="button" name="n8" value="文字"/>
  • 文件域:<input type="file" name="n9"/>
  • 隱藏域:<input type="hidden" name="n10"/>
  • 下拉選擇:
    <select name="n11" multiple="multiple"/>
    <option value="1" >文字</option>
    .....
    <select>
  • 多行選項:
    <select name="n12" size="4">
    <option value="1">文字</option>
    ......
    </select>
  • 多行文本框:
    <textarea name="n13" rows="行數(shù)" cols="列數(shù)"></textarea>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 在前端開發(fā)中經(jīng)常使用到表單來向服務(wù)器傳值. form form標(biāo)簽是一個表單標(biāo)簽的容器,該標(biāo)簽的開始和結(jié)束直接定義...
    相關(guān)函數(shù)閱讀 385評論 0 0
  • 數(shù)據(jù)表格可以使得頁面數(shù)據(jù)具有更高的可訪問性。 1.summary屬性可以應(yīng)用于表格標(biāo)簽,用來描述表格的內(nèi)容。與圖像...
    garble閱讀 203評論 0 0
  • 1、窗體 1、常用屬性 (1)Name屬性:用來獲取或設(shè)置窗體的名稱,在應(yīng)用程序中可通過Name屬性來引用窗體。 ...
    Moment__格調(diào)閱讀 4,795評論 0 11
  • 表單基礎(chǔ)知識 在HTML中,表單是由 元素來表示的,而在JS中,表單對應(yīng)的則是HTMLFormElement類型。...
    oWSQo閱讀 977評論 0 1
  • 江城子(一) 風(fēng)摧葉落滿地黃。已冬天,鳥雀藏。厚衣裹身,行人腳步忙。 貪戀家中小溫床,可抬頭,賞月亮。...
    蘭州郭郭閱讀 368評論 11 7

友情鏈接更多精彩內(nèi)容