1、首先来看下测试代码，html里，主要部分有二个input输入框，和一个按钮。
2、在js代码里，借助Jquery插件库来操作，以减少代码，所以先引入对应的脚本库文件。
3、js代码里，为按钮添加点击事件，点击后，就用jquery设置姓名输入框的disabled属性，设置为false，这样输入框就不能输入了，为禁止状态了。只要调用jquery的 attr方法，然后输入属性的名称和值就行了：$("#name").attr('disabled', true)。
4、运行页面，可以看到现在的输入框是可以输入的，是正常状态的，点击一下“修改”按钮。
5、点击后，输入框就变成了禁止状态了，成功设置了输入框的属性。
js改变html的元素的值，首先需要理解的就是Js的选取对象的方法，一般都是通过class或者是id直接去来获取，然后在确定好，你要改变的值，如宽度，高度，背景等等这些属性，也可以通过改变来实现动画的效果，具体看下代码：<html>
<head>
<style>
#round{
width:300px
height:200px
}
</style>
</head>
<script>
var oDiv = document.getElementById('round')
oDiv.style.width = 400px //通过js改变这个div的宽度
</script>
<body>
<div id='round'>
<p>我是测试文字</p>
</div>
</body>
</html>
1)原生js 元素.value//获取input里的值 元素.value = 'xxx' //给input设置值 2)Jquery/需要导包 元素.val()//获取input元素的值 元素.val('xxx')//给input设置值 下面例子: //原生js console.log(document.getElementsByTagName('input')[0。
