工具原料:编辑器、浏览器
一、使用表单的方法提交数据
1、利用form表单的action属性来获取表单的数据并提交,代码如下:
<form action=”form_action.php” method=”get”> <p>First name: <input type=”text” name=”fname” /></p> <p>Last name: <input type=”text” name=”lname” /></p> <input type=”submit” value=”Submit” /></form>
2、以上代码中method指定提交数据的方法为get,action的值是表单数据提交的地址。
二、使用JavaScript方法来获取表单的数据的方法
1、可以使用JavaScript的选择器选择表单的元素并获取其输入的数据,代码如下:
<form action=”form_action.php” method=”get”> <p>First name: <input id=”bt1″ type=”text” name=”fname” /></p> <p>Last name: <input id=”bt2″ type=”text” name=”lname” /></p> <input type=”submit” value=”Submit” /> </form> <script> console.log($(‘#bt1’).val()) console.log($(‘#bt2’).val()); </script>
2、其中$(‘#bt1’).val()就是获取input输入内容的值
html表单提交action写url还是方法名?
表单提交和url跳转的区别: form表单可以给后台传递数据,url跳转到action只能通过url的参数来传递数据 具体说明如下: form表单可以给后台传递数据,在后台直接可以用request对象去向前台请求数据。 form表单传递数据有两种方式: method="post":这是传递大量数据时用的,在数据传递之前会先将数据打包,因此这种传递数据的方式会效率会比较慢,但是穿过的数据都能正确解析,因此传中文不会有乱码。 method="get":以URL传递的,因为地址栏长度有限,所以对数据量是有限制的,而且传递的数据必须是ASCCI码值范围内的,因此,传中文会有乱码,需特殊处理。 url跳转到action只能通过url的参数来传递数据,action?参数名=参数值&……,在后台也可以用request对象去向前台请求url的参数值(url传中文参数需要进行特殊处理)
有什么好的HTML入门书籍推荐?
学HTML要看什么书?相信刚刚入门前端的小伙伴都会有这样的困惑。本文将向大家推荐HTML从入门到进阶学习全阶段的书籍,看完这些书对大家在前端学习会有很大的帮助。
1.《HTML5 揭秘》作者:Mark Pilgrim
推荐理由:是知名的《HTML5:up and running》的中文译本,很详细的介绍了HTML5的最新技术,如果你经常看Dive into HTML 5这个网站,肯定很了解这本书了。算是入门款书籍,不枯燥,技术层面一般,适合菜鸟看,好在对格局有一定见解。当然如果一丁点编程知识都没有,也需要在阅读的时候多补充一下,非常推荐。
2.《响应式Web设计:HTML5和CSS3实战》作者:Ben Frain
推荐理由:全书主要是带领读者做一个小网页来写的,其实响应式的东西讲得比较少,大半内容是介绍H5和css3的基础知识。如果同时想了解H5和css3和响应式设计入门,这本书不错。
3.《疯狂HTML 5/CSS3/JavaScript讲义》作者:李刚
推荐理由:这是一本全面介绍HTML 5、CSS 3和JavaScript前端开发技术的图书,系统地介绍了HTML 5常用的元素和属性、HTML5的表单元素和属性、HTML 5的绘图支持、HTML5的多媒体支持、CSS 3的功能和用法、最前沿的变形与动画功能等。除此之外,《疯狂HTML 5/CSS 3/JavaScript讲义》还系统地介绍了JavaScript编程知识,包括JavaScript基本语法、DOM编程,以及HTML 5新增的本地存储、离线应用、JavaScript多线程、客户端通信支持、WebSocket编程等。
4.《HTML5触摸界面设计与开发》作者:StephenWoods
推荐理由:《HTML5触摸界面设计与开发》专注于触摸界面的开发,内容的结构和优化网站的思路大概一致。上半部分涵盖了能使各类网站,特别是移动网站变快的基本概念。书的后半部分是专门讲触摸界面的,特别是尽可能地让它们更平稳和快速。本书适合具有一定经验的Web开发者阅读参考。
5.《HTML5高级程序设计》作者:柳伯斯/阿伯斯/萨姆
推荐理由:《HTML5 高级程序设计》是《Pro HTML5 Programming》的中文译本,写的相对比较深入,如果你对HTML5有较多了解,可以选择这本书。这本书适合有丰富编程经验的Web应用开发者。书中没有互联网发展基础知识的介绍。但是书中有许多现成的资源可以加快学习Web编程原理。当然,对于程序的的书跟平常的名著还不一样,因为自身经验不同,看法不同,需求不同,对于书的评价也不同。
学HTML从入门到进阶的一系列书籍就推荐到这里了。书都是好书,大家在看的时候,可以根据自身情况,选择适合自己的书来钻研。
表单是什么意思?
HTML 表单用于搜集不同类型的用户输入。HTML5 Input,拥有多个新的表单输入类型,提供了更好的输入控制和验证。表单是一个包含表单元素的区域。表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。表单使用表单标签(