當(dāng)前位置：首頁 > 人文社科 > 生活经验 >内容正文

生活经验

文本框可编辑查看页面

發(fā)布時(shí)間：2023/11/28 生活经验 38 豆豆

生活随笔收集整理的這篇文章主要介紹了文本框可编辑查看页面小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>文本框可編輯查看頁面</title><script type="text/javascript" src="js/jquery-1.7.2.min.js" ></script><style>.form_ul li{margin-top: 5px; font-size: 14px;line-height: 30px;list-style-type:none;}.form_ul input[disabled]{background: none; border:0;}.Default_btn{padding:0 10px;height: 30px; min-width: 50px; line-height: 30px; text-align: center; background-color:#006AB6;  font-size: 16px; display: inline-block; color: #fff; cursor: pointer; border:0;}.Default_btn.close{background-color: #EEF7FE; color: #333; border:1px solid #CFE8FF;}.btn_subimt .Default_btn{margin-right: 20px;}</style><script type="text/javascript">$(document).ready(function(){$('.edit_btn').click(function(){$(".form_ul input").attr("disabled",false);})$('.submit_btn').click(function(){$(".form_ul input").attr("disabled",true);})})</script></head><body><ul class="form_ul"><li><span>姓名：</span><input type="text" value="張三" name="name" disabled="disabled"/></li><li><span>電話：</span><input type="text" value="18192517955" name="phone" disabled="disabled"/></li><li><span>地址：</span><input type="text" value="人民路" name="phone" disabled="disabled"/></li></ul><div class="btn_subimt"><input class="Default_btn close submit_btn" value="提交" type="submit"><input class="Default_btn edit_btn" value="修改" type="submit"></div></body>
</html>

總結(jié)

以上是生活随笔為你收集整理的文本框可编辑查看页面的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。