آموزش HTML
بستن دسته بندی
دسته بندی ها ( ۱۰۴ آموزش )
لیست همه کلیدهای این موضوع
نمایش دسته بندی ها (۱۰۴ آموزش)
مباحث اولیه، در HTML
مباحث اولیه، در HTML
24
نمایش متن (Text)، در HTML
نمایش متن (Text)، در HTML
16
نمایش عکس (Image)، در HTML
نمایش عکس (Image)، در HTML
6
لینک ها (Link)، در HTML
لینک ها (Link)، در HTML
2
فهرست ها (لیست ها - List)، در HTML
فهرست ها (لیست ها - List)، در HTML
1
جدول ها (Table)، در HTML
جدول ها (Table)، در HTML
7
فرم ها (Form)، در HTML
فرم ها (Form)، در HTML
21
کلاس های (Class) عنصرها، در HTML
کلاس های (Class) عنصرها، در HTML
1
id عنصرها، در HTML
id عنصرها، در HTML
0
چیدمان عنصرها (Element) در کنار هم، در HTML
چیدمان عنصرها (Element) در کنار هم، در HTML
2
تعیین مشخصات کلی صفحه (Page)، در HTML
تعیین مشخصات کلی صفحه (Page)، در HTML
7
ساختار کلی و بخش بندی صفحه (Page)، در HTML
ساختار کلی و بخش بندی صفحه (Page)، در HTML
2
نمایش یا عدم نمایش عنصرها (Element)، در HTML
نمایش یا عدم نمایش عنصرها (Element)، در HTML
1
عناصر گرافیکی، در HTML
عناصر گرافیکی، در HTML
1
رنگ ها (Color) و تعیین رنگ، در HTML
رنگ ها (Color) و تعیین رنگ، در HTML
1
دکمه ها (Button)، در HTML
دکمه ها (Button)، در HTML
2
پخش صدا (Audio)، در HTML
پخش صدا (Audio)، در HTML
1
کار با کیبورد (Keyboard)، در HTML
کار با کیبورد (Keyboard)، در HTML
2
اطلاعات و پردازش اطلاعات، در HTML
اطلاعات و پردازش اطلاعات، در HTML
1
مباحث عمومی، در HTML
مباحث عمومی، در HTML
6

تعیین اجباری بودن وارد کردن مقدار در یک فیلد (Field) از فرم (Form)، با عبارت required ، در HTML

همان طور که می دانید در فرم های HTML ، می توانیم در برخی فیلدهای (Field) فرم، هیچ مقداری را وارد نکنیم و به همان صورت، بر روی دکمه submit فرم کلیک کنیم تا فرم مورد نظر submit شود. اما گاهی برایمان اهمیت دارد که کاربر در برخی از فیلدهای فرم، حتما مقادیری را وارد نماید. برای این منظور، می توانیم عبارت required را در کدهای آن فیلد (Field) از فرم ذکر کنیم تا چنانچه کاربر بر روی دکمه submit فرم کلیک کرد، فرم submit نشود و به کاربر تذکر داده شود که باید مقداری را در آن فیلد (Field) بنویسد.

به عنوان مثال، فرض کنید که فیلد (Field) مورد نظر با تگ input و به صورت زیر ساخته شده باشد :

که در یک فرم (Form) به صورت زیر به کار رفته باشد :

اکنون باید عبارت required را به صورت زیر به تگ input اضافه کنیم :

به مثال زیر توجه کنید :

مثال

دقت شود که در کد بالا، عبارت # را برای مشخصه action در تگ form تعیین کرده ایم که به این معنی است که مقادیر فرم به همین صفحه فعلی ارسال می شوند.

نتیجه :

چون عبارت required برای تگ input نوشته شده، باید حتما مقداری را در آن بنویسید و چنانچه آن فیلد (Field) خالی باشد و بر روی دکمه Submit کلیک نمایید، پیامی به شما نمایش داده می شود که تذکر می دهد که باید مقداری را در آن فیلد (Field) وارد نمایید.

خطا - صفحه را دوباره بارگذاری کنید

کپی برداری توسط سایر وب سایت ها، ممنوع بوده و پیگرد قانونی دارد. (بیشتر بدانید)

نویسنده علیرضا گلمکانی
شماره کلید 26075
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 4 3 1
rasol
۱۳۹۷/۰۴/۰۷
۰۰:۳۹

سلام کد عالیه ولی میشه یک کمک کنید من میخوام قسمت دکمه که   

کد پی‌اچ‌پی:
<input type="submit" 

میخوام وقتی روی دکمه کلیک کنم مثلا بره سایت www.google.com بشرطی دکمه عمل کنه مثلا من هر اسمی توی text نوشته باشه در غیر این صورت عملی نکنه میشه کمک کنید

Ershad030
۱۳۹۷/۰۷/۱۹
۰۸:۳۸

باید مقدار action رو http://www.google.com  بزارید این کد کاملش همراه با css:

کد پی‌اچ‌پی:
<html>
    <head>
<
meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style>
        
        input
{
            
            border
-stylenone;
            box-shadow1px 1px 5px #aaa;
            width20%;
            height5%;
        }
        
        input
:hover{
            
            border
-stylenone;
            box-shadow1px 1px 5px #aaa;
            width20%;
            height5%;
        }
        
        
#input1{
            positionabsolute;
            width3%;
            height5.5%;
            box-shadow1px 1px 5px #aaa;
            top5.5px;
             border-top-right-radius2px;
        }
        
         
#input1:hover{
            positionabsolute;
            width3%;
            height5.5%;
            box-shadow1px 1px 5px #aaa;
            background-color#eee;
             border-top-right-radius2px;
             cursorpointer;
             top5.5px;
        }
        
        
</style>
    </head>
<
body>
<
form action="http://www.google.com/">
    Name: <input type="text" name="Kelidestan_Input" required>
    <input type="submit" id="input1" value="send">
</
form>

</
body>
</
html

فرشاد
۱۳۹۸/۰۳/۱۵
۱۴:۴۵

سلام 
خسته نباشید
من یه  فرم html درست کردم مثلا وقتی کسی فیلد رو به انگلیسی پر میکنه بعد اینکه دکمه عضویت یا هر چیزی رو بزنه بالای فیلد ها اخطار بیاد به فارسی وارد کنید  راهنماییم کنید چطو اینکارو کنم

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)

جستجو در کلیدستان، توسط گوگل

جستجو در عنوان کلیدها

دسترسی سریع

کلید
×

شماره کلید


دسته بندی
×

شماره دسته کلید


جستجو
×

جستجو


راهنمای تگ های HTML

راهنمای تگ های HTML بر اساس حرف اول تگ :

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z