HTML <legend>表單屬性用於指定圖例元素所屬的一種或多種表單。
用法:
<button form="form_id">
屬性值:
- form_id:它包含值(即form_id),該值指定按鈕元素所屬的一個或多個。此屬性的值應為
例子:
<!DOCTYPE html>
<html>
<head>
<title>
HTML legend align Attribute
</title>
<style>
form {
width:50%;
}
label {
display:inline-block;
float:left;
clear:left;
width:90px;
margin:5px;
text-align:left;
}
input[type="text"] {
width:250px;
margin:5px 0px;
}
.gfg {
font-size:40px;
color:green;
font-weight:bold;
}
</style>
</head>
<body>
<h1 class="gfg">
GeeksforGeeks
</h1>
<h2>HTML legend form Attribute </h2>
<form>
<fieldset>
<legend align="right"
form="myGeeks">
STUDENT:
</legend>
<label>Name:</label>
<input type="text">
<br>
<label>Email:</label>
<input type="text">
<br>
<label>Date of birth:</label>
<input type="text">
<br>
<label>Address:</label>
<input type="text">
<br>
<label>Enroll No:</label>
<input type="text">
</fieldset>
</form>
</body>
</html>
輸出:
支持的瀏覽器:下麵列出了HTML <legend>表單屬性支持的瀏覽器:
- 穀歌瀏覽器
- IE瀏覽器
- Firefox
- 蘋果Safari
- Opera
相關用法
- HTML <form> name屬性用法及代碼示例
- HTML form屬性用法及代碼示例
- HTML <form> enctype屬性用法及代碼示例
- HTML <form> novalidate屬性用法及代碼示例
- HTML <fieldset> form屬性用法及代碼示例
- HTML <object> form屬性用法及代碼示例
- HTML <form> onreset屬性用法及代碼示例
- HTML <textarea> form屬性用法及代碼示例
- HTML <select> form屬性用法及代碼示例
- HTML <form> autocomplete屬性用法及代碼示例
- HTML <output> form屬性用法及代碼示例
- HTML <meter> form屬性用法及代碼示例
- HTML <label> form屬性用法及代碼示例
- HTML <form> method屬性用法及代碼示例
- HTML <input> form屬性用法及代碼示例
注:本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML | <legend> form Attribute。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。