【W(wǎng)eb前端基礎(chǔ)知識(shí)】HTML表單怎么創(chuàng)建

5)下拉列表框:

格式:

1. <select name="" > 
2.             <option value="" selected>下拉列表項(xiàng)option> 
3.             <option value="" >下拉列表項(xiàng)option> 
4.             <option value="" >下拉列表項(xiàng)option> 
5.             <option value="" >下拉列表項(xiàng)option> 
6.             <option value="" >下拉列表項(xiàng)option> 
7.          select> 

multiple:允許用戶選中多個(gè)下拉列表項(xiàng)

optgroup: 設(shè)置下拉分類標(biāo)示

6) 文本域：可以輸入多行數(shù)據(jù)的表單控件

1. <textarea name="" id="" cols="" rows=""> 
2.             內(nèi)容 
3.  textarea> 

rows:設(shè)置文本域可以輸入的行數(shù)

cols:設(shè)置的文本域輸入的列數(shù)(一行可以輸入多少個(gè)字符)(不是PX)

個(gè)人介紹:

1. <textarea name='descs' cols="50" rows="10"> 
2.             我是個(gè)學(xué)生 
3.     textarea> 

7)隱藏域：

1. <input type="hidden" name = “”value =””> 

8)上傳控件：

1. <input type="file" name=””> 

9)按鈕標(biāo)簽:

普通按鈕:為js提供的控件

1. <input type='button' name=”” value=""/> 

value：按鈕中顯示的數(shù)據(jù)和提交到服務(wù)器后該控件提交的值

1. <input type='button' name='clicks' value="點(diǎn)我"/> 

提交按鈕:點(diǎn)擊后可以提交表單

1. <input type='submit' name="add" value='注冊(cè)'/> 

重置按鈕:點(diǎn)擊后可以將用戶輸入的數(shù)據(jù)清空

1. <input type='reset' name='cancel' value='重置'> 

圖片提交按鈕:使用圖片作為提交按鈕

1. <input type='image' src='圖片地址' name=””> 

本文的分享就到這，感興趣的同學(xué)可以自己試試看噢!