几种设置表单元素中文本输入框不可编辑的方法总结_javascript技巧

代码:

复制代码 代码如下:

<input type="text" value="fisker" onclick="alert(this.value);" onfocus="this.blur()" />

输入框无法获得焦点,不能编辑
表单可以获得值。
可以复制。
蛮奇怪的,都选住了,还没有获得焦点?

2,readonly

代码:

<input type="text" value="fisker" onclick="alert(this.value);" readonly />

输入框只读。不能编辑
同样表单可以获得值。
也可以复制。

3,disabled

代码:

复制代码 代码如下:

<input type="text" value="fisker" onclick="alert(this.value);" disabled />

输入框灰色,不能编辑
可以用JS改变或获得其值,但提交时并不提交该值。

时间: 2024-09-08 19:48:47

几种设置表单元素中文本输入框不可编辑的方法总结_javascript技巧的相关文章

离开页面时检测表单元素是否被修改,提示保存的js代码_javascript技巧

复制代码 代码如下: window.onbeforeunload = function() { if(is_form_changed()) { return "您的修改内容还没有保存,您确定离开吗?"; } } function is_form_changed() { var t_save = jQuery("#t_save"); //检测页面是否要保存按钮 if(t_save.length>0) { //检测到保存按钮,继续检测元素是否修改 var is_c

jQuery获取和设置表单元素的方法

 本篇文章主要对jQuery获取和设置表单元素的方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 jQuery提供了val()方法,使用它我们可以快速地获取和设置表单的文本框.单选按钮.以及单选按钮的值. 使用val()不带参数,表示获取元素的值 使用val()给定参数,则表示把值赋给元素   如下:     代码如下: //获取值 alert($("input#mytextbox").val()); alert($("select#mylist").v

jquery设置表单元素为不可用的简单代码_jquery

本章节通过简单的实例代码介绍一下如何将表单元素设置为不可用状态. 代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.jb51.net/" /> <title></title> <script type=&q

jQuery获取和设置表单元素的方法_jquery

jQuery提供了val()方法,使用它我们可以快速地获取和设置表单的文本框.单选按钮.以及单选按钮的值.使用val()不带参数,表示获取元素的值使用val()给定参数,则表示把值赋给元素 如下: 复制代码 代码如下: //获取值alert($("input#mytextbox").val());alert($("select#mylist").val());alert($("input#myradio").val()); //设置值$(&quo

asp.net实现取消页面表单内文本输入框Enter响应的方法_实用技巧

本文实例讲述了asp.net实现取消页面表单内文本输入框Enter响应的方法.分享给大家供大家参考,具体如下: 很早以前开发asp.net项目的时候遇到的:在一个服务器TextBox控件上按下 Enter键,页面回发刷新一遍.后来google一下,发现这是asp.net2.0为表单处理专门设置的"Enter key"功能,关于asp.net ajax表单的enter key,你可以查看这一篇<ASP.NET基于Ajax的Enter键提交问题>.前面给出链接的两篇都是叫我们怎

网页制作技巧之用CSS定义表单元素中的样式

css|技巧|网页 先看下面代码:<html> <head> </head> <body> <form name="form1"> <input type='file' name='file1' id='file1' style='display:none'> <input id='text1' style='border:1 solid black;height:22'> <input type

JS实现表单验证功能(验证手机号是否存在,验证码倒计时)_javascript技巧

废话不多说直接上代码 html代码: <form method="post" id="form_hroizon" enctype="multipart/form-data" action="/"> <input type="hidden" name="phoneTemplet" id="phoneTemplet"> <input type

select、radio表单回显功能实现避免使用jquery载入赋值_javascript技巧

select,radio 表单回显避免使用jquery载入赋值 注意事项: 复制代码 代码如下: <html> <body> <form method="post" action=""> <!-- 如果表单中使用重置功能时,不推荐使用如下代码 --> <input type="radio" name="visible" value="1" />显示

巧用js提交表单轻松解决一个页面有多个提交按钮_javascript技巧

复制代码 代码如下: <pre class="javascript" name="code">function check(txt){ $j("form").submit(function(){ if($txt=="提交"){ this.action="doAddMessage.action?button=提交"; this.submit(); }else{ this.action="