//定义一个隐藏域：在页面中对于用户不可见，在表单中插入隐藏域的目的在于收集或发送信息
//扩展：submit是专门用于提交表单的Button，与Button不同的是： (1)type=button就单纯是按钮功能，而type=submit是发送表单 (2)submit将表单提交(form.submit())作为其onclick后的默认事件，Button并非如此 (3)表单提交时，所有具有name属性的html输入元素(包括input标签、button标签、select标签等)都将作为键值对提交，除了Submit对象。Submit对象只有在自己被单击后的提交中才会作为键值对被提交
1.get提交：
（数据以键值队串的形式传给服务器，这样的提交方式叫做get提交）
http://site/app/process.html?key1=value1&key2=value2....&keyn=valuen
2.post提交 （数据保存在内存的一个容器中，偷偷传到服务器，界面上什么都看不到，URL也很干净）
3.id和name主要是为了元素的内存定位，为JS铺路的。 在一个网页中，id必须是唯一的，而name可以有好多个。在表单元素定位中，我们一般使用name。 4.input标签不需要收口，这种标签叫做单标签，这种情况说明html5的规范还是比较宽松的。 5.浏览器URL地址上能显示的字符是受控的，所以中文不能直接显示，必须转码。
< !DOCTYPE html> < html> < head> < title>前端作业 < meta charset="utf-8"> < style type="text/css"> div{ margin: 5px; //下列用div标签包含的各个内容之间，间距设置为5像素 } < /style> < script type="text/javascript"> //声明script标签包含的内容需由JS解释执行 function $(id){ //声明一个函数 return document.getElementById(id); //getElementById()方法用于返回对拥有指定ID的第一个对象的引用 } //该函数没有参数，但允许返回一个值 function calc(){ //取值操作 var begin = parseInt($('beginVal').value); //parseInt()函数用于解析一个字符串，并返回一个整数 var end = parseInt($('endVal').value); // console.log("begin:"+begin+",end="+end); //console.log()方法用于在控制台输出信息 //计算数字和 var sum = 0; for(var i=begin;i<=end;i++){ sum +=i; } //把结算结果渲染到界面上 $("result").innerHTML = sum； //innerHTML在JS是双向功能：可以获取对象的内容，也可以往对象插入内容 } < /script> < /head> < body> < h3>数字和计算< /h3> < div> < span>开始范围: < input type="number" id="beginVal"> < /div> < div> < span>结束范围: < input type="number" id="endVal"> < /div> < div> < button onclick="calc()">计算 //定义一个按钮，onclick 事件会在对象被点击时被触发 < /div> < hr> //创建一条水平分隔线 < span id="result"> < /body> < /html>
浙公网安备 33010602011771号