HTML中有邊框的標(biāo)簽是什么

這篇文章主要介紹了HTML中有邊框的標(biāo)簽是什么的相關(guān)知識(shí)，內(nèi)容詳細(xì)易懂，操作簡(jiǎn)單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇HTML中有邊框的標(biāo)簽是什么文章都會(huì)有所收獲，下面我們一起來(lái)看看吧。

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è)變化）。

示例：

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

可以看出就是一條黑線，一點(diǎn)都不美觀，更不用說用<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>

關(guān)于“HTML中有邊框的標(biāo)簽是什么”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對(duì)“HTML中有邊框的標(biāo)簽是什么”知識(shí)都有一定的了解，大家如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道。