تگ Table (جدول – بخش اول)
اردیبهشت ۱۶, ۱۴۰۳تگ Form و Input
اردیبهشت ۱۶, ۱۴۰۳در این بخش از آموزش HTML تگ Textarea، تگ Lable و تگ Button را آموزش میدهیم.
تگ Button
از تگ button برای ایجاد دکمه تایید استفاده میشود. با استفاده از این تگ به صفحات وب دکمه تایید اضافه میشود. شما میتوانید برای استفاده از دکمه از متن و یا عکس استفاده کنید. این تگ ویژگی رویداد در html را حمایت میکند.
مثال زیر کاربرد تگ button را در طراحی سایت نشان میدهد.
<button type="button">Click Me!</button>
تگ Lable
از تگ Lable برای تعریف تگها استفاده میشود. با استفاده از این تگ شما میتوانید خصوصیت دلخواه خود را به فرم اضافه کنید، به عبارتی وقتی متنی را داخل تگ lable قرار میدهیم، تکست باکس (که کنترل متناظر محسوب میشود) را انتخاب کرده و تغییرات کوچکی مانند انتخاب دکمهها را در آن اعمال میکند. به علاوه با استفاده از تگ lable میتوانیم از یک کلید میانبر برای مواقعی که میخواهیم از کیبورد استفاده کنیم به کار گیریم.
مثال زیر کاربرد تگ lable در طراحی سایت را نشان میدهد.
<input> element
<form action="demo_form.asp">
<label for="male">Male</label>
<input type="radio" name="sex" id="male" value="male"><br>
<label for="female">Female</label>
<input type="radio" name="sex" id="female" value="female"><br>
<input type="submit" value="Submit">
</form>
تگ Textarea
از تگ textarea برای ایجاد تعداد نامحدودی کاراکتر در بیش از یک سطر استفاده میشود. با استفاده از این تگ امکان ویرایش راحتتر مطالب برای کاربران فراهم میشود. تگ textarea دارای شناسه میباشد که کاربرد آنها را برای شما توضیح میدهیم.
cols: با استفاده از این شناسه عرض کادر مشخص میشود. مقدار عرض کادر بستگی به تعداد کاراکتر به کار رفته و همچنین فونت دارد.
rows: این شناسه تعداد سطرهای کادر شما را نشان میدهد که مقدار آن باید همیشه مثبت باشد.
name: این شناسه مخصوص تعیین نام textarea میباشد.
readonle=readonly: این شناسه را کاربر نمیتواند ببیند و به صورت فقط خواندنی نوشته میشود.
disabled=disabled: این شناسه کادر را به صورت غیرمشخص در میآورد و کاربر نمیتواند متن نوشته شد در کادر را ببیند.
مثال زیر کاربرد تگ textarea را در بخش در طراحی سایت نشان میدهد.
<textarea rows="4" cols="50">
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>