تعیین اجباری بودن وارد کردن مقدار در یک فیلد (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) وارد نمایید.
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-style: none;
box-shadow: 1px 1px 5px #aaa;
width: 20%;
height: 5%;
}
input:hover{
border-style: none;
box-shadow: 1px 1px 5px #aaa;
width: 20%;
height: 5%;
}
#input1{
position: absolute;
width: 3%;
height: 5.5%;
box-shadow: 1px 1px 5px #aaa;
top: 5.5px;
border-top-right-radius: 2px;
}
#input1:hover{
position: absolute;
width: 3%;
height: 5.5%;
box-shadow: 1px 1px 5px #aaa;
background-color: #eee;
border-top-right-radius: 2px;
cursor: pointer;
top: 5.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 درست کردم مثلا وقتی کسی فیلد رو به انگلیسی پر میکنه بعد اینکه دکمه عضویت یا هر چیزی رو بزنه بالای فیلد ها اخطار بیاد به فارسی وارد کنید راهنماییم کنید چطو اینکارو کنم