HTML中有邊框的標(biāo)簽：1、input標(biāo)簽，用于規(guī)定用戶可以在其中輸入數(shù)據(jù)的輸入字段；2、hr標(biāo)簽，用于插入一條水平線；3、textarea標(biāo)簽，用于定義一個(gè)多行的文本輸入控件；4、select標(biāo)簽，用于創(chuàng)建單選或多選菜單。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

HTML中有邊框的標(biāo)簽：

1、input

<input> 標(biāo)簽規(guī)定了用戶可以在其中輸入數(shù)據(jù)的輸入字段。

<form action="#"> 	用戶名: <input type="text" name="name"><br> 	密　碼: <input type="password" name="password"><br><br> 	<input type="submit" value="提交"> </form>

2、hr

<hr> 標(biāo)簽定義 HTML 頁(yè)面中的主題變化（比如話題的轉(zhuǎn)移），并顯示為一條水平線。

<hr> 元素被用來(lái)分隔 HTML 頁(yè)面中的內(nèi)容（或者定義一個(gè)變化）。

示例：

<h1>HTML</h1> <p>HTML 是用于描述 web 頁(yè)面的一種語(yǔ)言。</p> <hr> <h1>CSS</h1> <p>CSS 定義如何顯示 HTML 元素。</p>

可以看出就是一條黑線，一點(diǎn)都不美觀，更不用說(shuō)用<hr>來(lái)美觀頁(yè)面了，這就需要用css border來(lái)設(shè)置hr的樣式了。

例如設(shè)置hr的粗細(xì)（加粗）與顏色

<hr style="border: 5px solid red;"/><!--修改的樣式--> <br /> <hr /><!--默認(rèn)的樣式-->

3、textarea

<textarea> 標(biāo)簽定義一個(gè)多行的文本輸入控件。

文本區(qū)域中可容納無(wú)限數(shù)量的文本，其中的文本的默認(rèn)字體是等寬字體（通常是 Courier）。

<textarea rows="10" cols="30">我是一個(gè)文本框。</textarea>

4、select

select 元素可創(chuàng)建單選或多選菜單。

<select> 元素中的 <option> 標(biāo)簽用于定義列表中的可用選項(xiàng)。

<select>   <option value ="volvo">Volvo</option>   <option value ="saab">Saab</option>   <option value="opel">Opel</option>   <option value="audi">Audi</option> </select>