HTML:让表单 文本框 只读,不可编辑的方法

有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,如使<input type="text" name="input1" value="中国"> 的内容,"中国"两个字不可以修改。实现的方式归纳一下,有如下几种。

方法1: onfocus=this.blur()
<input type="text" name="input1" value="中国" onfocus=this.blur()>

方法2:readonly
<input type="text" name="input1" value="中国" readonly>

<input type="text" name="input1" value="中国" readonly="true">

方法3: disabled
<input type="text" name="input1" value="中国" disabled>

摘自王小白博客

时间: 2024-10-20 12:20:32

HTML:让表单 文本框 只读,不可编辑的方法的相关文章

AngularJS进阶 三 HTML 让表单 文本框只读,不可编辑的方法

HTML:让表单.文本框只读,不可编辑的方法 有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,如使<input type="text" name="input1" value="中国"> 的内容,"中国"两个字不可以修改.实现的方式归纳一下,有如下几种. 方法1: onfocus=this.blur() <input type="text" name="inpu

javascript:让表单 文本框 只读,不可编辑的方法

有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,如使<input type="text" name="input1" value="中国"> 的内容,"中国"两个字不可以修改.实现的方式归纳一下,有如下几种. 方法1: onfocus=this.blur()<input type="text" name="input1" value="中国&

HTML中input文本框只读不可编辑的方法

方法1: onfocus=this.blur() 当鼠标放不上就离开焦点<input type="text" name="input1" value="哈哈" onfocus=this.blur()> 方法2:readonly <input type="text" name="input1" value="哈哈" readonly> <input type=

Chrome表单文本框自动填充黄色背景色样式

开发后台管理系统或 网站时,使用谷歌的Chrome浏览器访问网页中表单,文本框背景色自动填充为黄色.这个问题在网络上其实早已经是老生常谈了,今天正巧我要处理这个问 题,把之前查阅的一些资料和自己解决这个问题的方法纪录在此,一是为大家遇到此问题时提供一份资料,二是作为自己的笔记.过多的话就不多说了,下面进入正 题. 一.首先介绍一下我遇到这个问题时文本框的样式情况:  上图为Chrome浏览器为表单中的文本框自动填充黄色背景色的样子, 我自己为文本框加的,获得焦点后,周围有蓝色阴影. <input

改变表单文本框的大小

form表单的文本框不合适,所以想要改变大小. 一开始百度有人说在input里边加上size,赋值就可以了,我试了一下,这样只能改变文本框的高,不能改变长. 所以又百度了一下,原文网址着这里 http://www.jb51.net/css/154225.html 具体的内容是这样的 <form action="" method="get"> <input type="text" style="width:300px;h

表单 -文本框之前或之后添加文本或按钮

样式: *现代浏览器的最新版都支持inline-block,只有ie6.7不支持inline-block,但ie6.7可以通过 display:inline:zoom:1:来模拟. *firefox,safari,opera,ie8+中的 inline-block 元素之间会莫名其妙多出3px的间距,其实这个是换行符,可以在inline-block的父元素中加上 font-size:0:来去掉inline-block元素之间的空隙. *white-space: nowrap;   设置如何处理元

Easyui表单,文本框,下拉菜单三级联动练习代码

1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&g

.Net Core使用视图组件(ViewComponent)封装表单文本框控件

实例程序的界面效果如下图所示: 在表单中的搜索条件有姓名,学号,成绩.他们在一行中按照水平三等分排列. 在cshtml中用html实现上述表单效果的的代码如下: 1 <form class="form-horizontal" role="form"> 2 <div class="row"> 3 <div class="form-group col-md-4"> 4 <label for

判断表单文本框(最后点击按钮才判断)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> label { display: inline-block; width: 80px; text-align: right; } span { color: red; } </style>