首頁 > web前端 > 前端問答 > HTML中哪一種標籤有邊框

HTML中哪一種標籤有邊框

青灯夜游
發布: 2022-01-21 16:03:08
原創
5336 人瀏覽過

HTML中有邊框的標籤:1、input標籤,用於規定使用者可以在其中輸入資料的輸入欄位;2、hr標籤,用於插入一條水平線;3、textarea標籤,用於定義一個多行的文字輸入控制項;4、select標籤,用於建立單選或多選選單。

HTML中哪一種標籤有邊框

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

HTML中有邊框的標籤:

1、input

##標籤規定了使用者可以在其中輸入資料的輸入欄位。

<form action="#">
	用户名: <input type="text" name="name"><br>
	密 码: <input type="password" name="password"><br><br>
	<input type="submit" value="提交">
</form>
登入後複製

HTML中哪一種標籤有邊框

2、hr


標籤定義HTML 頁面中的主題變更(例如話題的轉移),並顯示為一條水平線。


元素被用來分隔 HTML 頁面中的內容(或定義一個變更)。

範例:

<h1>HTML</h1>
<p>HTML 是用于描述 web 页面的一种语言。</p>
<hr>
<h1>CSS</h1>
<p>CSS 定义如何显示 HTML 元素。</p>
登入後複製

HTML中哪一種標籤有邊框

可以看出就是一條黑線,一點都不美觀,更不用說用
來美觀頁面了,這就需要用css border來設定hr的樣式了。

例如設定hr的粗細(加粗)與顏色

<hr   style="max-width:90%"/><!--修改的样式-->
<br />
<hr /><!--默认的样式-->
登入後複製

HTML中哪一種標籤有邊框

#3、textarea

< textarea> 標籤定義一個多行的文字輸入控制項。

文字區域中可容納無限數量的文本,其中的文本的預設字體是等寬字體(通常是 Courier)。

<textarea rows="10" cols="30">我是一个文本框。</textarea>
登入後複製

HTML中哪一種標籤有邊框

4、select

#select 元素可建立單選或多選選單。