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

1、blur
代码:
<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-10-10 20:51:49

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

form表单元素中disabled的元素的值不会提交到服务器

1.表单元素中disabled的元素的值不会提交到服务器,后台获取的值为null <form id="myForm" action="#" method="post"> <input name="username" disabled="disabled" /> <input type="submit" value="提交"/> &l

jquery设置表单元素为不可用代码实例

jquery设置表单元素为不可用代码实例:本章节通过简单的实例代码介绍一下如何将表单元素设置为不可用状态.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂蚁部落</t

第 10 章 表单元素[中]

学习要点: 1.type 属性总汇 2.type 属性解析 主讲教师:李炎恢 本章主要探讨 HTML5 中表单中 input 元素的 type 属性,根据不同的值来显示不同的输入框. 一．type 属性总汇 input 元素可以用来生成一个供用户输入数据的简单文本框.在默认的情况下,什么样的数据均可以输入.而通过不同的属性值,可以限制输入的内容. 属性名称 说明 text 一个单行文本框,默认行为 password 隐藏字符的密码框 search 搜索框,在某些浏览器键入内容会出现叉标记取消 s

PHP 通过设置表单元素name属性生成数组

<form method="post" action="<?php $_SERVER['PHP_SELF']; ?>"> //使用自引用表单,$_SERVER['PHP_SELF']变量显示PHP文件自身文件名 <?php //连接MySQL数据库 $dbc=mysqli_connect('localhost','root','root','test_store') or die('Error conneting to MySQL se

第10章 表单元素（中）

第 10章表单元素[中]学习要点:1.type属性总汇2.type属性解析 本章主要探讨 HTML5中表单中 input元素的 type属性,根据不同的值来显示不同的输入框.一．type属性总汇input元素可以用来生成一个供用户输入数据的简单文本框.在默认的情况下,什么样的数据均可以输入.而通过不同的属性值,可以限制输入的内容. 属性名称 说明text 一个单行文本框,默认行为password 隐藏字符的密码框search 搜索框,在某些浏览器键入内容会出现叉标记取消submit.reset.

在servlet中批量获取表单元素的值

如果页面有大量的表单元素,在springMVC中一般都是表单和pojo对象做相应的对应,或者直接通过request获得对象,但是还有另外一种得到表单元素的方法,具体代码如下: // java.util.Enumeration<String> req是HttpServletRequest对象 Enumeration<String> paras = req.getParameterNames(); while (paras.hasMoreElements()) { String s =

Jquery学习笔记：操作form表单元素之一（文本框和下拉框）

一.概述 在web页面开发中,经常需要获取和设置表单元素的值(如文本框中的内容),特别是在ajax应用中,更是常态.本文系统的介绍下如何操作. 同操作其它html元素一样,操作的过程差不多. 第一步,需要获取到表单元素对应的jquery(或dom)对象.这个主要是利用jquery的选择器机制. 第二步,调用表单元素的属性和方法来获取和设置值. 其中最常见的就是利用jquery对象的val方法.因为很多表单元素都有标准的 value属性,这个可以通过jquery的 val方法来读取和设置属性值.

jQuery获取Select选择的Text(非表单元素)和 Value（表单元素）(转)

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#selec

web前端与移动开发－－－html列表、表单元素等标签的学习

经过前两天的学习,今天我们来学习列表及表单元素. 首先是列表,列表分为无需列表.有序列表.自定义列表. 1.无序列表 <ul> <li></li> <li></li> ...... </ul> 总结: (1)所有放在ul中的数据必须是无序的: (2)ul标签是用来管理li标签的: (3)ul中必须至少有一个li标签: (4)li标签不能单独使用: (5)在ul标签中只能写li标签: (6)在li标签中才能嵌套其他的标签. 2.有序列表