如何对form表单中所有类型的input控件进行赋值与取值?给出完整的示例说明。

请举实例具体说明下 谢谢 最好有注释

最简单的方法:给<form>起个名,给<input>起个名,然后用名字.名字的方法就可以了。
示例:
<form name="myform"> //表单名字为myform
<input type="text" name="mytext" value="123"> //input名字为mytext,
//value是初始值,为123
</form>
假设在JS中取值
<script type="text/javascript">
var n = document.myform.mytext.value; //定义个变量n接收表单中的值
alert(n); //alert是弹出对话框,会弹出一个123的对话框
document.myform.mytext.value="456"; //给控件重新赋值为456
</script>
其他控件的取值赋值类似,如不明白可以追问
温馨提示:内容为网友见解,仅供参考
第1个回答  2011-08-27
用下面的例子代码可以枚举出这个<input>的所有属性,里面没有文件长度的,也就是说,无法用JS检查文件的长度。

<input type=file name=file1 onchange="txt.value='';for (p in this) txt.value+=p+'='+eval('this.'+p)+'\n';"><br>
<textarea name=txt style='width:100%;height:400'></textarea>

上面两行内容单独存为html文件,浏览器打开选择文件之后就可以看见<input>的所有属性和值。
第2个回答  2011-08-26
示例如下:
<script>
function analyseForm(form){
for(var i = 0; i < form.elements.length; i++){
var e=form.elements[i];
if(e.type=="text"){
alert(e.name+":"+e.value);//取值
//e.value="aaaaa";//赋值,自己启用这一句看看就赋值了!
}
}
}
</script>
<form id="form1" name="form1" method="post" action="">
<input type="text" name="aa" value="aa的值"/>
<input type="text" name="bb" value="bb的值"/>
<input type="text" name="cc" value="cc的值"/>
<input name="cs" type="button" id="cs" value="测试" onclick="analyseForm(this.form)">
</form>
第3个回答  推荐于2016-03-29
<script>
flag = 0;
function setValue()
{
if(flag == 0)
{
document.getElementById("t1").value = 8765;
document.getElementById("t2").value = 4321;
document.getElementById("c1").checked = true;
form1.r1[0].checked = true;
flag = 1;
} else
{
document.getElementById("t1").value = 1234;
document.getElementById("t2").value = 5678;
document.getElementById("c1").checked= false;
form1.r1[1].checked = true;
flag = 0;
}
}
function getValue()
{
var s = "radio被选中的值为:";
s += form1.r1[0].checked ? form1.r1[0].value : form1.r1[1].checked ? form1.r1[1].value : "radio没有被选中";
alert("文本框1的值为:"+document.getElementById("t1").value);
alert("文本框2的值为:"+document.getElementById("t2").value);
alert("checkbox的值为:"+document.getElementById("c1").checked);
alert(s);
}
</script>
<form name="form1">
<input type="text" value="1234" id="t1"/><br>
<input type="text" value="5678" id="t2"/><br>
<input type="checkbox" id="c1"/><br>
<input type="radio" name="r1" value="0"/>0
<input type="radio" name="r1" value="1"/>1<br>
<input type="button" onclick="setValue()" value="点我进行赋值" /><br>
<input type="button" onclick="getValue()" value="在上面改动后点我进行取值" /><br>
</form>追问

能用文字解释下这段代码的运作过程嘛 分数可以给你呀

追答

本来今天写了个详细的注释,被百度BUG了,回不出话,东西又没保存。
你先看一遍,什么地方不懂再问吧,针对你不懂的地方给你解释。

本回答被提问者采纳
第4个回答  2011-08-26

如何对form表单中所有类型的input控件进行赋值与取值?给出完整的示例说...
最简单的方法:给<form>起个名,给<input>起个名,然后用名字.名字的方法就可以了。示例:<form name="myform"> \/\/表单名字为myform <input type="text" name="mytext" value="123"> \/\/input名字为mytext,\/\/value是初始值,为123 <\/form> 假设在JS中取值 <script type="text\/javascript...

form表单中的input有哪些类型及其用途
type=text 输入类型是text,这是我们见的最多也是使用最多的,比如登陆输入用户名,注册输入电话号码,电子邮件,住址等等。当然这也是Input的默认类型。 参数name:同样是表示的该文本输入框名称。 参数size:输入框的长度大小。 参数maxlength:输入框中允许输入字符的最大数。 参数value:输入框中的默认...

html中form表单的使用方法和介绍
HTML中form表单的使用详解在Web设计中,表单是实现用户交互的核心元素,通过HTML定义的表单元素,如input、button等,用户可以输入信息并进行提交。表单通过标签包含,通常包含用户输入信息的输入框、提交按钮等控件,这些控件在设计时需根据需要选择不同类型的input标签,如文本框、密码框、单选框等。表单提交...

form表单中嵌套table标签,input标签卸载table里,用JS如何把input里的值...
<li><input type="checkbox"\/>多选选项1<input type="checkbox"\/>多选选项2<input type="checkbox"\/>多选选项3<input type="checkbox"\/>多选选项4<\/li> <li class="operate"><input type="submit" value="提交"\/><a href="###"target="_blank">查看调查结果<\/a><\/li> <\/ul> <\/fo...

在form表单中如何来获取checkbox(多选框)的值
1、首先创建一个名称为 checkbox_form_id的html文件 。2、添加2个input元素 设置input类型为checkbox设置并分别设置id,添加一个form设置id为“thisisformid”。3、添加一个button按钮,在点击事件中加入自定义函数my_checkbox_form_id,添加一p标签,设置id 为 show_checkbox_form_id。4、在javascript中...

js怎么获取form表单中所有的input和select
\/\/ 获取指定form中的所有的<input><select>对象 function getElements(formId) { var form = document.getElementById(formId);if(form == null){ return false;} var elements = new Array();var inputTagElements = form.getElementsByTagName('input');for (var j = 0; j < inputTag...

form表单中的input有哪些类型及其用途
form表单中的input类型共有:text,password,button,submit,reset,radio,checkbox,image 其中text,password是文本输入,text是普通文本,而password是不显示内容只显示一个点的加密文本。button,submit,reset,image都是按钮,其中button,image是普通按钮,默认无任何事件,并且image是用图片当按钮; 其次submit,...

微信小程序-如何获取用户表单控件中的值(包括非表单提交的方式获取输入...
一、通过表单表单获取值 在小程序中,将所有用户输入的组件放入form内,当点击form表单中的submit按钮时,会将表单组件中的value值进行提交。为实现这一功能,表单组件需要设置name属性作为键,以统一获取表单组件的值。通过在switch、radio-group、checkbox-group、slider、input组件中添加name属性,并在form...

Form表单与输入框组件漫谈(上)
表单中的常见输入组件类型包括但不限于输入框Input、选择器、复选框等。输入框作为容器,提供自然的长度暗示,帮助用户校验输入内容。对于不同长度的输入框,通常有以下两种做法:一是根据字段需求调整至理想长度,二是为了美观与兼容性,采用统一长度。此外,输入框的样式与交互状态也是设计时需要考虑的关键...

什么是FORM表单
相当于一个控件集合,里面包含很多控件,点“提交”后会把表单中的所有控件的值都传给action到的页面,这里通过post方法传递时会隐藏表单中的所有值,当通过GET方法传递时,可以在URL地址栏看到?号后所跟的值,也就是表单里所有的值。看如下示例:<form name="表单名" action="a.jsp" method="post...

相似回答