کپی کردن اطلاعات وارد شده در یک فیلد (field) فرم به درون یک فیلد دیگر
در فرم زیر، دو فیلد (field) داریم که اگر کاربر درون فیلد اول، اطلاعاتی را بنویسد و سپس درون فیلد دوم کلیک کند، اطلاعات وارد شده درون فیلد اول، به درون فیلد دوم کپی می شود (البته کاربر می تواند آن را تغییر بدهد) :
کدها :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<center>
<pre>
<form name=userform>
Name: <input type="text" name="name" size="15" value="" onChange="this.form.userid.value=this.value;"><br>
User ID: <input type="text" name="userid" size="15" value="" onChange="this.value=this.form.name.value;">
<p>
<input type="button" name="action" value="Done!">
</form>
</pre>
</center>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<center>
<pre>
<form name=userform>
Name: <input type="text" name="name" size="15" value="" onChange="this.form.userid.value=this.value;"><br>
User ID: <input type="text" name="userid" size="15" value="" onChange="this.value=this.form.name.value;">
<p>
<input type="button" name="action" value="Done!">
</form>
</pre>
</center>
</body>
</html>
دسته بندی
کدهای آماده برای فرم ها
نویسنده
علیرضا گلمکانی
شماره کلید
674
گزینه ها
نظرات 0 0 0