آموزش تگ legend در Html
آموزش تگ legend در Html
با آموزش تگ legend در Html همراه شما هستیم:
با استفاده از این تگ می توان یک عنوان برای کادر fieldset نوشت. این تگ به صورت دو تگ باز و بسته ی </legend><legend> می باشد.
متنی که در بین دو تگ باز و بسته ی legend قرار می گیرد عنوان fieldset را مشخص می کند.
بنابراین برای بهتر نشان دادن خروجی و مشخص کردن هر بخش از فرم بهتر است از تگ legend نیز استفاده کرد.
قطعه کد زیر نحوه نمایش تگ legend را نمایش می دهد:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<!DOCTYPE html>
<html>
<body>
<form>
<fieldset>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
</form>
</body>
</html>
|
خروجی کد بالا به شکل زیر می باشد:
(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
خصوصیت های تگ legend در form:
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| align | top bottom left right |
این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. با استفاده از این خصوصیت ها می توانیم مشخص کنیم که عنوان کادر ما در چه جهتی ترازبندی شوند. |
تگ legend تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی میکند.
پشتیبانی مرور گرها از تگ legend در Html:
تمامی مرور گر ها را پشتیبانی می کند.