1.form
標(biāo)簽用于創(chuàng)建供用戶輸入的 HTML 表單
action 向何處提交表單
method 用于提交表單的 HTTP 方法
2.input
可以在其中輸入數(shù)據(jù)
type: 設(shè)置input的類(lèi)型
button 按鈕
text 文本輸入
radio 單選框
checkbox 多選框
file 文件(如圖片)
submit 提交
value 指定input的值
3.select
創(chuàng)建一個(gè)下拉列表
4.option
定義下拉列表中的一個(gè)選項(xiàng)(一個(gè)條目),作為 select或datalist的一個(gè)元素使用
5.textarea
定義一個(gè)多行的文本輸入控件
例如:
<form action="http://www.baidu.com">
<p>
用戶名:<input type="text" name="username">
</p>
<p>
密碼:<input type="password" name="password">
</p>
<p>
性別:<input type="radio" name="gender" value="male">男
<input type="radio" name="gender" value="female">女
</p>
<p>
愛(ài)好:籃球 <input type="checkbox" name="hobby" value="籃球">
足球 <input type="checkbox" name="hobby" value="足球">
臺(tái)球 <input type="checkbox" name="hobby" value="臺(tái)球">
乒乓球 <input type="checkbox" name="hobby" value="乒乓球">
</p>
<p>
學(xué)歷：<select name="學(xué)歷">
<option value="大學(xué)">大學(xué)</option>
<option value="高中">高中</option>
<option value="初中">初中</option>
<option value="小學(xué)">小學(xué)</option>
</select>
</p>
<p>
個(gè)人簡(jiǎn)介：<textarea name="個(gè)人簡(jiǎn)介"></textarea>
</p>
<p>
上傳頭像:<input type="file" name="picture">
</p>
<p>
隱藏域:<input type="hidden" name="IP" value="192.168.88">
</p>
<p>
提交:<input type="submit" name="" value="提交">
</p>
</form>
顯示效果:
表單.png
