我们在进行前端页面开发时,经常会遇到输入框禁止输入的问题,html中提供了三种方式来解决,readonly、disabled、autocomplete。严格地讲前两种才是禁止用户输入,而autocomplete只是默认清除用户的输入记录。
readonly:顾名思义,表示该输入域的值只能read,不能write,他仅仅只能与 type="text" 配合使用,可复制,可选择,可以接收焦点,后台会接收到传值。
<input type="text" name="www.xxx" readonly="readonly" />
disabled:表示禁用input元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值,页面显示也会变成置灰状态。
<input type="text" name="www.xxx.com" disabled="disabled" />
autocomplete:浏览器通常会记录input输入框的记录,所以在输入的时候,经常会下拉很多内容,使用autocomplete能够清除用户的输入记录,在每次重新请求页面时,记录都会清空。
<input type="text" autocomplete="off" id="number"/>
分享到:
相关推荐
今天想总结几个很有用的html标签,开发中经常用到,不熟悉的人可能还真不太清楚,分别是: 复制代码代码如下: readonly、disabled、autocomplete readonly表示此域的值不可修改,仅可与 type="text" 配合使用,可...
在工作中,总是遇到很多禁止非数字字符输入的文本框,比如手机号码了 邮编了 代码如下: <!DOCTYPE HTML> <html lang=”en-US”> <head> <meta charset=”UTF-8″> <title></title>...
'//禁止缓存该页 让AJAX读取该页始终为最新而非过期缓存页 Response.Expires = 0 Response.Expiresabsolute = Now() - 1 Response.AddHeader "pragma","no-cache" Response.AddHeader "cache-control","private...
工作中遇到如下需求,点击输入框弹出自定义弹窗,输入框是input标签: 但是在移动端,input会默认触发手机的虚拟键盘,如何阻止手机虚拟键盘弹起呢?目前我试过有两个方案,一个是给input添加readonly属性,另一个...
3.2 限定文本框可输入字符数 3.3 文字过长的省略号 3.4 输出26个英文字母 3.5 首字母变为大写 3.6 textarea自适应文字行数 3.7 禁止文本框的拷贝和粘贴 3.8 控制两个文本框只输其一 3.9 判断编辑器中是否包含特殊...
3.2 限定文本框可输入字符数 3.3 文字过长的省略号 3.4 输出26个英文字母 3.5 首字母变为大写 3.6 textarea自适应文字行数 3.7 禁止文本框的拷贝和粘贴 3.8 控制两个文本框只输其一 3.9 判断编辑器中是否包含特殊...
66.防止用户对文本框中输入文本:onfocus="this.blur()" 67.取出该元素在页面中出现的数量:document.all.tags("div(或其它HTML标记符)").length 68.JS中分为两种窗体输出:模态和非模态.window.showModaldialog(),...
102 <br>0162 如何实现C#中用键完成TAB的功能 102 <br>0163 如何限制文本框密码输入长度 102 <br>0164 数据输入为空提示 103 <br>0165 如何设置文本框光标到末尾 103 <br>0166 输入法调整...
66.防止用户对文本框中输入文本:onfocus="this.blur()" 67.取出该元素在页面中出现的数量:document.all.tags("div(或其它HTML標记符)").length 68.JS中分为两种窗体输出:模態和非模態.window.showModaldialog(),...
文本框的默认值 <input type=text value="123" onfocus="alert(this.defaultValue)"> title换行 obj.title = "123
sdfs " 获得时间所代表的微秒 var n1 = new Date("2004-10-10".replace(/-/g, "/"))....
有时在项目中需要选择生日之类的日期,而默认点开始日期都是当前日期,导致年份选择非常麻烦,你可以通过起始日期功能加上配置alwaysUseStartDate属性轻松解决此类问题 自定义格式(注意大小写) yMdHmswW分别代表年月...
记住用户输入文本框的内容 第十八章. 数据服务和服务端通信(574) 18.1节. 配置HTTPService 18.2节. 在Flex程序之间使用RESTful通信 18.3. 配置和连接RemoteObject 18.4节. 使用AMFPHP 1.9中的FlexRemoting 18.5节. ...