آموزش تگ form در Html
آموزش تگ form در Html
با استفاده از تگ form می توانیم اطلاعات کاربر را از طریق ایجاد یک فرم به سرور ارسال کنیم.
درواقع تگ form به صورت ورودی اطلاعات کاربر می باشدو به صورت دو جفت تگ باز و بسته ی </form><form> به کار می رود.(طراحی سایت , سئو سایت , طراحی سایت )
در تگ form می توان یک تا چند تگ کاربردی دیگر نیز به کار رود.(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
از جمله این تگ ها می توان به موارد زیر اشاره کرد:
قطعه کد زیر نمونه ای از استفاده از تگ form می باشد:
1 2 3 4 5 6 7 8 9 10 11 | <!DOCTYPE html> <html> <body style="direction:rtl"> <form name="input" action="html_form_action.php" method="get"> نام: <input type="text" name="FirstName" value="Amir" /><br /> فامیل: <input type="text" name="LastName" value="PahlevanSadegh" /><br /> <input type="submit" value="Submit" /> </form> </body> </html> |
خصوصیت های تگ form در Html:
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| accept | file_type | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. با استفاده از این خصوصیت می توانیم یک لیست از مجموعه فایل هایی که برای سرور قابل قبول است را برای تگ form مشخص نماییم. |
| accept-charset | character_set | توسط این خصوصیت کاراکترهایی که برای ارسال فرم کد شده اند را مشخص می کند. |
| action | URL | با استفاده از این ویژگی مشخص می شود که داده های ارسالی به چه آدرسی ارسال می شوند. |
| autocomplete | on off | توسط این خصوصیت تکمیل خودکار یا غیر خودکار پر شدن فرم ایجاد می شود. پشتیبانی از Html5 |
| enctype | application/x-www-form-urlencoded multipart/form-data text/plain | اگر از متد post برای ارسال داده استفاده شود با استفاده از این ویژگی مشخص می شود که داده های ارسالی به سرور توسط فرم به چه صورت رمزنگاری شوند. |
| method | get post | توسط این ویژگی متد HTTP برای ارسال داده های یک فرم به سرور مشخص می شود. |
| name | text | این ویژگی یک نام برای تگ form شما ایجاد می کند. |
| novalidate | novalidate | اگر این ویژگی به کاربرده شود دیگر برای ارسال فرم اعتبار سنجی انجام نمی شود. پشتیبانی از Html5 |
| target | _blank _self _parent _top | با به کاربردن این ویژگی پاسخی که از سرور دریافت می کنید توسط این ویژگی ها، نحوه نمایششان مشخص می شود. |
تگ form تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی میکند.
پشتیبانی مرور گرها از تگ form در Html:
تمامی مرور گر ها را پشتیبانی می کند.
آموزش تگ output در Html
آموزش تگ output در Html
با آموزش تگ output در Html در خدمت شما هستیم:
اگر میخواهید در صفحه خود نمایش محاسبات انجام شده راببینید منی توانید از تگ output نیز استفاده کنید.(طراحی سایت , سئو سایت , طراحی سایت )
تگ output معمولا با استفاده از یک اسکریپت خروجی یک عمل محاسباتی را نمایش می دهد.(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
از این تگ به شکل :
1 | <output name="name" for="value"> </output> |
استفاده می شود.
قطعه کد زیر نمونه ای از استفاده از تگ output می باشد:
1 2 3 4 5 | <form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0 <input type="range" id="a" value="50">100 +<input type="number" id="b" value="50"> =<output name="x" for="a b"></output> </form> |
خصوصیت های تگ output در form:
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| for | element_id | با قرار دادن این ویژگی در تگ output یک رابطه بین المان های به کار رفته و نتیجه محاسبه استفاده می شود. پشتیبانی از Html5 |
| form | form_id | این ویژگی فرم یا فرم هایی را که شامل تگ output می باشد را مشخص می کند. پشتیبانی از Html5 |
| name | name | این ویژگی می تواند یک نام برای تگ output قرار دهد. پشتیبانی از Html5 |
تگ output تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی میکند.
پشتیبانی مرور گرها از تگ output در Html:
تمامی مرور گر ها به جزء IE را پشتیبانی می کند.
آموزش تگ keygen در Html
آموزش تگ keygen در Html
در ادامه با آموزش تگ keygen در Html با شما همراه هستیم.
در فرم های html برای ارسال اطلاعات کاربر به صورتی که امنیت را درآن رعایت کرده باشیم بهتر است از تگ keygen استفاده شود. این تگ در html یک حالت رمزنگاری را برای داده ای که در حال ارسال به سرور می باشد را ایجاد می کند.(طراحی سایت , سئو سایت , طراحی سایت )
درواقع با ارسال اطلاعات کاربر دو کلید ایجاد می شود. یکی کلید عمومی و دیگری خصوصی می باشد. از کلید عمومی به عنوان شناسه کاربر برای ارسال اطلاعات به سرور استفاده می شود ولی کلید خصوصی به حالت محرمانه ای برروی کامپیوتر کاربر ذخیره می شود. از طریق مقایسه این دوکلید عمومی و خصوصی هویت کاربر مورد نظر شناسایی می شود.(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
قطعه کد زیر نمونه ای از کاربرد تگ keygen در Html می باشد:
1 2 3 4 5 6 7 8 9 10 11 12 | <!DOCTYPE html> <html> <body> <form action="demo_keygen.php" method="get"> Username: <input type="text" name="usr_name"> Encryption: <keygen name="security"> <input type="submit"> </form> </body> </html> |
خصوصیت های تگ keygen در form:
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| autofocus | autofocus | هنگام استفاده از این تگ با لود شدن صفحه تگ keygen به طور خودکار می تواند آن را کنترل کند. پشتیبانی از Html5 |
| challenge | challenge | با استفاده از این تگ، تگ keygen دچار چالش خواهد شد. پشتیبانی از Html5 |
| disabled | disabled | با قرار دادن این خصوصیت تگ keygen غیر فعال می شود. پشتیبانی از Html5 |
| form | form_id | این خصوصیت نشان دهنده این است که تگ keygen متعلق به یک یا چند فرم میباشد. پشتیبانی از Html5 |
| keytype | rsa dsa ec | با استفاده از این خصوصیات ساهتارامنیتی کلید هارا می توانید مشخص نماییم. پشتیبانی از Html5 |
| name | name | با قرار دادن این خصوصیت یک نام برای تگ keygen قرار خواهد گرفت. پشتیبانی از Html5 |
تگ keygen تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی میکند.
پشتیبانی مرور گرها از تگ keygen در Html:
تمامی مرور گر ها را پشتیبانی می کند.
آموزش تگ datalist در Html
آموزش تگ datalist در Html
با آموزش تگ datalist در Html در خدمت شما هستیم:
با استفاده از این تگ می توانیم چند آیتم از پیش تعیین شده برای تگ input مان ایجاد کنیم. بدین صورت میتوانیم بخش input خود را کنترل کنیم.
با کلیک برروی این آیتم گزینه های از پیش تعیین شده به صورت یک منو برای کاربر به نمایش در میاید.
از طریق این روش لیست اجزای input به یگدیگر متصل می شوند.
هر تگ datalist توسط تگ دیگری به نام option می تواند دسته بندی شود.
قطعه کد زیر نمونه ای از استفاده از تگ datalist را نشان می دهد:
1 2 3 4 5 6 7 8 9 | <input list="browsers"> <datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist> |
تگ datalist تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی میکند.(طراحی سایت , سئو سایت , طراحی سایت )
(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
پشتیبانی مرور گرها از تگ datalist در Html:
تمامی مرور گر ها را پشتیبانی می کند.
آموزش تگ 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:
تمامی مرور گر ها را پشتیبانی می کند.