`
cakin24
  • 浏览: 1374797 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

PHP实现设置文本框的只读属性

    博客分类:
  • PHP
阅读更多

一 代码

conn.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>连接数据库</title>
</head>
<body>
<?php
$conn=mysql_connect("localhost","root","root");		//连接数据库服务器
mysql_select_db("db_database24",$conn);				//连接db_database08数据库
mysql_query("set names utf8");						//设置数据库编码格式
?>
</body>
</html>
 
index.php
<?php include("conn.php");?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>设置文本框的只读属性</title>
<style type="text/css">
<!--
.style1 {font-size: 12px}
.style2 {font-size: 13px}
-->
</style>
</head>
<body>
<table width="300" border="1" cellpadding="0" cellspacing="0" background="images/hhh.JPG">
<?php 
include("conn.php");
$query=mysql_query("select * from tb_stock");
$myrow=mysql_fetch_array($query);
?>
<form name="form1" method="post" action="">
  <tr>
    <td height="22" colspan="4" align="center" class="style2">设置文本框的只读属性</td>
    </tr>
  <tr>
    <td width="67" height="22" align="center"><span class="style1">商品编号:</span></td>
    <td colspan="3">
	<input name="commodity_id" type="text" id="commodity_id" value="<?php echo $myrow['id'];?>" disabled  size="22" maxlength="50">
	</td>
  </tr>
  <tr>
    <td height="22" align="center" class="style1">商品名称:</td>
    <td colspan="3"><input name="commodity_name" type="text" id="commodity_name" value="<?php echo $myrow['name'];?>" size="22" maxlength="50"></td>
  </tr>
  <tr>
    <td height="22" align="center" class="style1">库存数量:</td>
    <td colspan="3">
     <input name="stock_count" type="text" id="stock_count" value="<?php echo $myrow['count'];?>" readonly onClick="alert('此文本框为只读属性,库存数量不能更改!')" size="22" maxlength="50"></td>
  </tr>
  <tr>
    <td height="22" align="center" class="style1">单价:</td>
    <td width="77">	
	<input name="price" type="text"class="text" id="price" value="<?php echo $myrow['price'];?>" size="10" maxlength="50"></td>
    <td width="70" align="center" class="style1">库存金额:</td>
    <td width="76"><input name="stock_money" type="text" id="stock_money" value="<?php echo $myrow['money'];?>" size="10" maxlength="50"></td>
  </tr>
  </form>  
</table>
</body>
</html>
 
二 运行结果

 
三 说明
将文本框设置成只读属性有两种方法,一种是将文本框设置成readonly,一种是将文本框设置成disabled。
  • 大小: 16.9 KB
1
1
分享到:
评论

相关推荐

    通过disabled和readonly将input设置为只读效果

    在HTML表单设计中,有时候我们需要用户只能查看输入框(input)中的内容而不能修改,这时我们可以使用`disabled`和`readonly`属性来实现只读效果。这两种属性虽然都能达到表面的只读目的,但它们在功能上存在显著...

    PHP开发实战1200例源码

    实例157 设置文本框的只读属性 188 实例158 自动计算金额 189 实例159 为文本框设置默认值 190 实例160 设置文本框的样式 191 实例161 文本域的滚动条 192 3.3 下拉列表的应用 193 实例162 省市级联动菜单 193 实例...

    基于JavaScript的倒计时器的设计.pdf

    倒计时器的界面设计使用文本框作为输出界面,设置文本框为只读,即只能输出,不能输入。在JavaScript中可用文本框的id属性值定位文本框,设置id的值为‘tn1’。通过设置CSS属性,文本框可以具有特定的背景色、边框、...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part1

    实例157 设置文本框的只读属性 188 实例158 自动计算金额 189 实例159 为文本框设置默认值 190 实例160 设置文本框的样式 191 实例161 文本域的滚动条 192 3.3 下拉列表的应用 193 实例162 省市级联动菜单 193 实例...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part2

    实例157 设置文本框的只读属性 188 实例158 自动计算金额 189 实例159 为文本框设置默认值 190 实例160 设置文本框的样式 191 实例161 文本域的滚动条 192 3.3 下拉列表的应用 193 实例162 省市级联动菜单 193 实例...

    PHP英语专业单词.docx

    * Readonly:read only 只读 * Maxlength:max length 最大长度 * Multiple:多个的 * Multipart/form-data:表单的一种编码方式 四、框架 在 HTML 框架中,我们可以使用以下单词: * Frameset:框架支架,引申为...

    《网络软件开发》控件使用说明.docx

    - TextBox用于显示和编辑文本,具备多种属性,如ID(唯一标识符)、AutoPostBack(是否自动回传)、CausesValidation(是否触发验证)、ReadOnly(是否只读)、Text(文本内容)、TextMode(文本框类型,如单行、...

    html基础入门

    - `readonly`:设置文本框为只读模式。 - `disabled`:禁用当前表单项,使其无法提交数据。 ##### 1-2-3. 子标签2—`&lt;select&gt;`标签 `&lt;select&gt;` 标签用于创建下拉列表,即下拉菜单。它的一些关键属性和子标签包括:...

    web_form_form_ css

    - **属性**:与文本框相似,但不建议设置`readonly`。 - **单选按钮**:`&lt;input type="radio"&gt;`,用于提供一系列选项供用户选择其中之一。 - **属性**:`value`(选中时提交的值)、`name`(同一组中的单选按钮应...

    html入门到放弃笔记

    1、创建一个 div 标记 ,增加属性 ,设置 align 属性的值为 center ,设置 id 属性的值为 container,设置 title 属性的值为 这是一个div 这是一个div"&gt; 四大标准属性: 1、id :定义元素在页面中独一无二的...

    2021-2022计算机二级等级考试试题及答案No.15275.docx

    如果文本框的`TabStop`属性为`False`,则意味着该文本框不在Tab顺序中,但仍可以接收键盘输入的数据。 - B. 当文本框失去焦点时,会触发`LostFocus`事件,这是正确的。 - C. 当文本框的`Enabled`属性为`False`时...

    2021-2022计算机二级等级考试试题及答案No.12647.docx

    5. 在Web表单设计中,要更改文本框的初始值,需要修改text属性。 6. 数据库中的永久关系一旦建立,如果不被删除,将会长期保存。 7. 在JSP中,要使user对象在整个应用程序中可用,需要将其存储在application作用域...

    2021-2022计算机二级等级考试试题及答案No.1525.docx

    3. 在编程中,设置文本框(TextBox)的初始值通常通过修改 `text` 属性实现,所以正确答案是 A。 4. 关系数据库的基本运算包括选择(Selection)、投影(Projection)和连接(Join),不包括关系(Relation)本身,...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -使用Hidden来显示隐藏ExtAspNet控件,而不是使用Visible属性(Visible目前设置为只读属性)。 -使用Hidden控制Window控件的显示隐藏,Popup已经标记为Obsolete属性。 -Window的实例方法GetCloseReference等以及...

    2021-2022计算机二级等级考试试题及答案No.16836.docx

    ### 计算机二级等级考试知识点解析 #### 1. Word文档中斜体按钮的使用 ...- **知识点**: 文本框属性的设置。 - **解析**: 若要限制文本框的输入长度,可以设置`MaxLength`属性。例如:`TextBox1.MaxLength = 10`。

    2021-2022计算机二级等级考试试题及答案No.9347.docx

    10. **显示器属性设置**:用户可以通过控制面板的“显示”命令或在桌面上右键单击选择“显示”来调整显示器的属性。 11. **ASP.NET支持的语言**:ASP.NET框架支持VB.NET、C#等语言,但不支持PHP。 12. **超链接...

    ExtAspNet_v2.3.2_dll

    -使用Hidden来显示隐藏ExtAspNet控件,而不是使用Visible属性(Visible目前设置为只读属性)。 -使用Hidden控制Window控件的显示隐藏,Popup已经标记为Obsolete属性。 -Window的实例方法GetCloseReference等以及...

    2021-2022计算机二级等级考试试题及答案No.5442.docx

    题目指出“带有只读属性的文件不可以有系统属性”,这是一个错误的表述。实际上,文件可以同时具有多个属性,包括只读和系统属性。因此,正确答案为“错误”。 #### Java字符串和StringBuffer的理解 3. **知识点**:...

    大名鼎鼎SWFUpload- Flash+JS 上传

     动态修改SWFUpload初始化设置中的post_params属性,其中所有的值都将被覆盖。  - 参数  param_object:一个simple JavaScript object,所有的name/value都必须是字符串,例如(this.setPostParams({ "Mari": name...

    02HTML表单

    - **maxlength属性**:定义了文本框最多可以输入多少个字符。 - **tabindex属性**:定义了当用户按下Tab键时输入框的聚焦顺序。 - **disabled属性**:使输入框不可用。 - **readonly属性**:使输入框只读。 **示例...

Global site tag (gtag.js) - Google Analytics