طراحی وب سایت
درباره سایت
آخرین مطالب
امکانات وب
در سلسله آموزشهاي طراحي سايت آنلاينر به بخش دوم Event attribute در html پرداختيم.
در اين مقاله قصد بررسي بخش سوم Event attribute در html را داريم.
صفات رويداد هاي فرمي Form Events
onblur : اسکريپت ها هنگامي که عامل مورد نظر فوکوس را از دست بدهد اجرا ميشود.
onchange : در زمانيکه مقدار عامل مورد نظر تغيير کند اسکريپت اجرا ميشود.
onfocus : اسکريپت ها هنگامي که روي عامل مورد نظر فوکوس شود اجرا ميشود.
onformchange : اين رويداد زماني اتفاق مي افتد که فرم تغيير کند.
onforminput : اين رويداد نيز هنگامي که کاربر مقداري را در يکي از عامل هاي درون فرم وارد کند اتفاق مي افتد.
oninput :هنگامي که عامل از کاربر مقداري را دريافت کند اسکريپت اجرا خواهد شد.
oninvalid :اسکريپت هنگامي که مقدار اشتباه وارد شود اجرا خواهد شد.
onreset : اين رويداد زماني اجرا خواهد شد که دکمه reset در فرم کليک شود. نکته اين رويداد در html5 پشتيباني نميشود.
onselect : زماني که متني در عامل مورد نظر انتخاب شود اسکريپت اجرا خواهد شد.
onsubmit : در اين رويداد هنگامي که دکمه submit در فرم کليک شود اجرا خواهد شد.
رويداد هاي فرمي در صفحات وب کاربرد بسيار زيادي دارند به طوري که جذابيت و رفاه کاربر را در صفحه به طور چشمگيري افزايش مي دهد.
در زير مثالي از رويداد onfocus را ميتوانيد مشاهده کنيد. سعي کنيد اين مثال را حتما در سيستم خود تست کنيد. با درک اين مثال حتما ديگر رويداد ها را به سادگي و بدون خطا ميتوانيد در صفحه وب خود به کار گيريد.
<!DOCTYPE html>
<html>
<head>
<script>
function setStyle(x)
{
document.getElementById(x).style.background="yellow";
}
</script>
</head>
<body>
طراحی وب سایت
<p>در تابعي که در اين مثال نوشته شده است با گرفتن فوکوس يکي از فيلد هاي ورودي ، رنگ زمينه آن تغيير پيدا ميکند.</p>
First name: <input type="text" id="fname" onfocus="setStyle(this.id)"><br>
Last name: <input type="text" id="lname" onfocus="setStyle(this.id)">
</body>
</html>
در آموزش بعد بخش چهارم Event attribute ميپردازيم.
برچسب: طراحی وب سایت,طراحی سایت,طراحی وب,
نویسنده: keivan