﻿<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>语源科技BlogJava-xiall2011</title><link>http://www.blogjava.net/xiall2011/</link><description /><language>zh-cn</language><lastBuildDate>Thu, 07 May 2026 00:46:18 GMT</lastBuildDate><pubDate>Thu, 07 May 2026 00:46:18 GMT</pubDate><ttl>60</ttl><item><title>几种设置表单元素中文本输入框不可编辑的方法 （转载）</title><link>http://www.blogjava.net/xiall2011/archive/2012/05/13/378032.html</link><dc:creator>卡布其诺</dc:creator><author>卡布其诺</author><pubDate>Sun, 13 May 2012 01:12:00 GMT</pubDate><guid>http://www.blogjava.net/xiall2011/archive/2012/05/13/378032.html</guid><wfw:comment>http://www.blogjava.net/xiall2011/comments/378032.html</wfw:comment><comments>http://www.blogjava.net/xiall2011/archive/2012/05/13/378032.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/xiall2011/comments/commentRss/378032.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/xiall2011/services/trackbacks/378032.html</trackback:ping><description><![CDATA[<span style="line-height: 18px; font-size: 12px;">
<h1 style="border-bottom: #dcdcdc 2px dotted; padding-bottom: 0.5em; margin: 0px; padding-left: 1.5em; padding-right: 0px; font-size: 15px; padding-top: 0px;"><span style="line-height: 21px; font-size: 14px; font-weight: normal;">
<table style="width: 1023px; border-top-color: #7f7c75; border-left-color: #7f7c75; border-right-color: #7f7c75; border-bottom-color: #7f7c75; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: dotted; border-left-style: dotted; border-right-style: dotted; border-bottom-style: dotted">
    <tbody>
        <tr>
            <td style="border-top-color: #7f7c75; border-left-color: #7f7c75; border-right-color: #7f7c75; border-bottom-color: #7f7c75; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: dotted; border-left-style: dotted; border-right-style: dotted; border-bottom-style: dotted">
            <table style="width: 1023px; border-top-color: #7f7c75; border-left-color: #7f7c75; border-right-color: #7f7c75; border-bottom-color: #7f7c75; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: dotted; border-left-style: dotted; border-right-style: dotted; border-bottom-style: dotted">
                <tbody>
                    <tr>
                        <td width="100%" style="border-top-color: #7f7c75; border-left-color: #7f7c75; border-right-color: #7f7c75; border-bottom-color: #7f7c75; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: dotted; border-left-style: dotted; border-right-style: dotted; border-bottom-style: dotted">原文：http://meaijuan.iteye.com/blog/1490183</td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>
</span></h1>
<div style="line-height: 21px; width: 1055px; float: left; font-size: 14px">
<p style="margin-top: 1em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px">
<span style="line-height: 18px; font-size: 12px;">
<h1 style="border-bottom: #dcdcdc 2px dotted; padding-bottom: 0.5em; margin: 0px; padding-left: 1.5em; padding-right: 0px; font-size: 15px; padding-top: 0px;"><span style="line-height: 21px; font-size: 14px; font-weight: normal;">1、blur</span></h1>
</span>
&lt;input type="text" value="fisker" onclick="alert(this.value);" onfocus="this.blur()" /&gt;
<br />
输入框无法获得焦点，不能编辑&nbsp;<br />
表单可以获得值。&nbsp;<br />
可以复制。&nbsp;<br />
蛮奇怪的，都选住了，还没有获得焦点？&nbsp;<br />
<br />
<strong>2,readonly</strong></p>
<table style="width: 1023px; border-top-color: #7f7c75; border-left-color: #7f7c75; border-right-color: #7f7c75; border-bottom-color: #7f7c75; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: dotted; border-left-style: dotted; border-right-style: dotted; border-bottom-style: dotted">
    <tbody>
        <tr>
            <td style="border-top-color: #7f7c75; border-left-color: #7f7c75; border-right-color: #7f7c75; border-bottom-color: #7f7c75; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: dotted; border-left-style: dotted; border-right-style: dotted; border-bottom-style: dotted">&nbsp;&nbsp; 代码:</td>
        </tr>
        <tr>
            <td style="border-top-color: #7f7c75; border-left-color: #7f7c75; border-right-color: #7f7c75; border-bottom-color: #7f7c75; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: dotted; border-left-style: dotted; border-right-style: dotted; border-bottom-style: dotted">
            <table style="width: 1023px; border-top-color: #7f7c75; border-left-color: #7f7c75; border-right-color: #7f7c75; border-bottom-color: #7f7c75; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: dotted; border-left-style: dotted; border-right-style: dotted; border-bottom-style: dotted">
                <tbody>
                    <tr>
                        <td width="100%" style="border-top-color: #7f7c75; border-left-color: #7f7c75; border-right-color: #7f7c75; border-bottom-color: #7f7c75; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: dotted; border-left-style: dotted; border-right-style: dotted; border-bottom-style: dotted">&lt;input type="text" value="fisker" onclick="alert(this.value);" readonly /&gt;</td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>
<p style="margin: 1em 0px 0.5em; padding: 0px;"><br />
输入框只读。不能编辑&nbsp;<br />
同样表单可以获得值。&nbsp;<br />
也可以复制。&nbsp;<br />
<br />
<strong>3,disabled</strong></p>
<table style="width: 1023px; border-top-color: #7f7c75; border-left-color: #7f7c75; border-right-color: #7f7c75; border-bottom-color: #7f7c75; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: dotted; border-left-style: dotted; border-right-style: dotted; border-bottom-style: dotted">
    <tbody>
        <tr>
            <td style="border-top-color: #7f7c75; border-left-color: #7f7c75; border-right-color: #7f7c75; border-bottom-color: #7f7c75; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: dotted; border-left-style: dotted; border-right-style: dotted; border-bottom-style: dotted">&nbsp;&nbsp; 代码:</td>
        </tr>
        <tr>
            <td style="border-top-color: #7f7c75; border-left-color: #7f7c75; border-right-color: #7f7c75; border-bottom-color: #7f7c75; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: dotted; border-left-style: dotted; border-right-style: dotted; border-bottom-style: dotted">
            <table style="width: 1023px; border-top-color: #7f7c75; border-left-color: #7f7c75; border-right-color: #7f7c75; border-bottom-color: #7f7c75; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: dotted; border-left-style: dotted; border-right-style: dotted; border-bottom-style: dotted">
                <tbody>
                    <tr>
                        <td width="100%" style="border-top-color: #7f7c75; border-left-color: #7f7c75; border-right-color: #7f7c75; border-bottom-color: #7f7c75; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: dotted; border-left-style: dotted; border-right-style: dotted; border-bottom-style: dotted">&lt;input type="text" value="fisker" onclick="alert(this.value);" disabled /&gt;</td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>
<p style="margin: 1em 0px 0.5em; padding: 0px;">输入框灰色，不能编辑&nbsp;<br />
可以用JS改变或获得其值，但提交时并不提交该值。</p>
<p style="margin: 1em 0px 0.5em; padding: 0px;"><br />
</p>
<p style="margin: 1em 0px 0.5em; padding: 0px;"><br />
</p>
<p style="margin: 1em 0px 0.5em; padding: 0px;">另外,struts2通过form表单传值时，碰到不是input类型时，可通过hidden类型传递参数</p>
</div>
</span>
<img src ="http://www.blogjava.net/xiall2011/aggbug/378032.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/xiall2011/" target="_blank">卡布其诺</a> 2012-05-13 09:12 <a href="http://www.blogjava.net/xiall2011/archive/2012/05/13/378032.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>