概念:表單是一個包含表單元素的區(qū)域,表單元素是允許用戶在表單中輸入內(nèi)容。
作用:提交用戶輸入的數(shù)據(jù)至服務(wù)端
<form action = " " method = " get " enctype = " "> <table border = 1></table>
解釋:
action: 向何處發(fā)送數(shù)據(jù)
data: 供自動插入數(shù)據(jù)
input: 表單元素,里面有 type = 類型,name = 名字,value = 默認(rèn)存放數(shù)據(jù),size = 長度,maxlength = 表單元素最大輸入值,checked = 指定表單元素是否選中
以實(shí)例說明吧,簡單明了:
<from method = "post" action = "login.html"> 賬號:<input type = "text"/><br/> 密碼:<input type = "password"><br/> <input type = "reset" value = "重置"/> </from>
顯示效果:
<input name="sex" type="radio" value="男" checked/>男 <input name="sex" type="radio" value="女" />女
顯示效果:
<input type="checkbox" name="skill" value="talk" />演講 <input type="checkbox" name="skill" value="code" checked/>編程 <input type="checkbox" name="skill" value="manage" />管理
顯示效果:
<select name="edu"> <option value="1" selected="selected">小學(xué)</option> <option value="2">初中</option> <option value="3">高中</option> <option value="4">???span style="color: rgba(0, 0, 255, 1)"></option> <option value="5">本科</option> </select>
顯示效果:
<input type="reset" name="butReset" value="重置按鈕"/> <input type="submit" name="butSubmit" value="提交按鈕"/> <input type="button" name="butButton" value="普通按鈕"/>
顯示效果:
<textarea name="show" cols="20" rows="10">文本內(nèi)容</textarea>
其中:cols 文本域?qū)挾龋瑀ows 文本域高度
顯示效果:
<input type="email" name="myEmail"/> <input type="submit" value="提交" />
顯示效果:
<input type="number" name="age" min="1" max="100" step="1" /> <input type="submit" />
顯示效果:
<input type="range" name="range1" min="0" max="100" step="1" /> <input type="submit" />
顯示效果:
<input type="search" name="so" /> <input type="submit" />
顯示效果:
你輸入內(nèi)容的時候,搜索框后邊會自動出現(xiàn)一個小×,點(diǎn)擊這個小×,可以清除輸入的內(nèi)容。