手动提交动态改变的文本框的值

提交JavaScript动态改变的文本框的值

模拟实现CSDN发布博客时，通过JavaScript动态添加文章标签的功能，如下图所示：

• 页面代码

    
        
        Title
        
            function setInputValue() {
                var nameInput = document.getElementById("uname");
                nameInput.value = 'zhangsan';
            }
            function submitFun() {
                var form=document.forms[0];
                form.method="post";
                form.action="#";
                form.submit();
            }
        
    
    
        
            
            
    
            
            
        
    

-效果 初始页面： 单击设置值按钮： 输入年龄后，单击提交按钮：

注意：设置uname不可编辑

参考博客：设置input 不可编辑的方法

1. 如果采用disabled 设置不可编辑

   则无法获取用户单击设置按钮后给uname设置的值

2. 如果采用readonly ，设置不可编辑

   
   或
   
   

   则可以获取用户单击设置按钮后给uname设置的值