Disable AutoComplete Textbox In Your Website

Debendra Dash
8y
12.9k
0
1

Blog

Disable Autocomplete TextBox in Websites:

Here in this article i am going to discuss about how to dissable the autocomplete textbox in websites.This is a very basic and important concept i am going to discuss.I have involved in working with several websites,while creating a website we need not pay attentation about several small mistake,but this would be vary dangerous while move to the production.

So here i am going to discuss such a issue which need to pay attentation while developing.Here i am showing what actually autocomplete of a textbox.

Here i have created Login Form which i have shown below.

Here is the Html code for this webform.

<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>

We can dissable this autocomplete in two label.

In browser Label
In Coading Label

Using AutoCompleteType="Disabled" of a textbox.
Using autocomplete="off" of a textbox.
Setting form autocomplete="off".
setting textbox attribe.
Using Jquery.

In browser Label

Here i am going to show how to dissable in browser Label.

Go to the Browser Setting.

Go to the Advance Setting and Check for Passwords and Forms.

Unckeck the the two checkbox.

Then Reset all changes.

After that open that open the Login page and type that no auto suggesation will found. So in this way we can dissable the autocomplete in browser label.

In Coading Label

By making AutoCompleteType="Disabled",

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

By setting autocomplete="off",

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

By Setting Form autocomplete="off",

<form id="form1" runat="server" autocomplete="off">
//your content
</form>

By using code in .cs page,

protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
txt_userid.Attributes.Add("autocomplete", "off");
}
}

By Using Jquery

head runat = "server" >
< title > < /title> < script src = "Scripts/jquery-1.6.4.min.js" > < /script> < script type = "text/javascript" >
$(document).ready(function()
{
$('#txt_userid').attr('autocomplete', 'off');
});
//document.getElementById("txt_userid").autocomplete = "off"
< /script>