غیرفعال کردن AutoComplete Textbox در وب سایت

سه شنبه 6 مهر 1395

در این مقاله نحوه ی غیر فعال کردن AutoComplete textboxها در وب سایت رایاد خواهید گرفت .در این مقاله خواهید آموخت که هنگام developing به چه نکاتی باید توجه کنید.

غیرفعال کردن AutoComplete Textbox در وب سایت

ما در این مقاله می خواهیم درمورد نحوه ی غیر فعال کردن پر شدن خودکار textbox ها در وب سایت بحث کنیم. ما می خواهیم در مورد یک مفهوم بسیار پایه و مهم صحبت کنیم در واقع در این مقاله خواهید آموخت که هنگام developing  به چه نکاتی باید توجه کنید.در این قسمت ما نشان میدهیم که چگونه textbox ها به طور خودکار پر می شوند.

در این جا یک فرم login مانند شکل زیر داریم.

در زیر کد Html  برای این وب فرم نوشته شده است.

<body>

    <form id="form1" runat="server">  
        <div style="margin-left:200px;margin-top:200px; background-color:azure;width:300px">  
            <table>  
                <tr>  
                    <td>  
                       UserId:  
                    </td>  
                    <td>  
                        <asp:TextBox runat="server" ID="txt_userid"></asp:TextBox>  
                    </td>  
                </tr>  
                <tr>  
                    <td>  
                        Password:  
                    </td>  
                    <td>  
                        <asp:TextBox runat="server" ID="txt_password" TextMode="Password"></asp:TextBox>  
                    </td>  
                </tr>  
                <tr>  
                    <td>  
                        <asp:Button runat="server" ID="btn_submit" Text="submit" />  
                    </td>  
                </tr>  
            </table>  
        </div>  
    </form>  
        </body>

ما میتوانیم  این پرشدن خودکار را در دو lable  غیر فعال کنیم.

در browser Lable

در  Coading Lable

داخل textbox  ، AutoCompleteType را غیر فعال می کنیم.

داخل textbox  ، autocomplete را "off" می کنیم.

تنظیم textbox attribe

استفاده از Jquery

در browser Lable

در این بخش توضیح می دهیم که چگونه در  browser Lable  غیر فعال کنیم.

به قسمت  Browser Setting  بروید .

در advance Setting  قسمت Passwords و Forms را کنترل کنید.

تیک های دو checkbox را بردارید.

سپس تمامی تغییرات را Reset  کنید.

بعد از اینکار، صفحه ی Login  که باز بود، را باز کنید و تایپ کنید، خواهید دید که هیچ کلمه ای به شما پیشنهاد نمیدهد.بنابراین شما می توانید از این طریق پرشدن خودکار(autocomplete ) را در browser label غیر فعال کنید.

در Coading Label:

 روش غیر فعال کردن  AutoCompleteType  از طریق کد:

<asp:TextBox runat="server" ID="txt_userid" AutoCompleteType="Disabled"></asp:TextBox>  

روش Off  کردن autoComplete  از طریق کد:

<asp:TextBox runat="server" ID="txt_userid" autocomplete="off"></asp:TextBox>

روش Off کردن  فرم  autoComplete  از طریق کد:

<form id="form1" runat="server" autocomplete="off">   
 //your content   
  </form>                                                               با استفاده از کد در صفحه ی .cs                                                                              
protected void Page_Load(object sender, EventArgs e)    
  {   
      if (!Page.IsPostBack)   
      {   
          txt_userid.Attributes.Add("autocomplete", "off");   
      }  

   } 

 

   و در textbox   در قسمت <body>:

<asp:TextBox runat="server" ID="txt_userid" ></asp:TextBox> 

با تنظیم ویژگی textbox  در کد.

1.	protected void Page_Load(object sender, EventArgs e)   
2.	{  
3.	    if (!Page.IsPostBack)  
4.	    {  
5.	        txt_userid.Attributes.Add("autocomplete", "off");  
6.	    }  
7.	}  

بنابراین از این طریق میتوانیم پرشدن خودکاردر وب فرم  را در textboxغیرفعال کنیم .بعد از غیرفعال کردن متنی ظاهر نمی شود.

فایل های ضمیمه

برنامه نویسان

نویسنده 3355 مقاله در برنامه نویسان

کاربرانی که از نویسنده این مقاله تشکر کرده اند

در صورتی که در رابطه با این مقاله سوالی دارید، در تاپیک های انجمن مطرح کنید