站長(zhǎng)資訊網(wǎng)
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>
