北京沣登科技发展公司

html获取在线,在线获取html代码

大家好,今天小编关注到一个比较意思的话题,就是关于html获取在线问题,于是小编就整理了2个相关介绍HTML获取在线的解答,让我们一起看看吧。

  1. 怎么用JS获取HTML标签内的内容?
  2. 在html中如何获取表单的信息呢?代码格式?

怎么用JS获取HTML标签内的内容

1、打开html编辑器新建一个html文件,文件内写入基本的html结构设置一个p标签,再设置一个按钮

2、这里需要给按钮绑定一个click事件,函数名为show,当点击按钮时,就会弹出p标签中的内容。script标签中编写脚本,只要用getElementsByTagname获取p标签的dom元素可以了,“[0]”表示第一个元素,之后用alert弹出p标签的内容就完成了程序的编写:

html获取在线,在线获取html代码div>
图片来源网络,侵删)

3、最后,用浏览器打开html文件,可以看到p标签和按钮:

4、接着点击按钮即可弹出p标签的内容,以上就是用js获取HTML标签的方法

在html中如何获取表单信息呢?代码格式

html中获取表单数据的的方法一般有两种,一个是使用form表单的action属性将表单的数据提交后台,另外一种就是使用JavaScript方法获取表单的数据,然后通过ajax传送给后台。

html获取在线,在线获取html代码
(图片来源网络,侵删)

工具原料:编辑器、浏览器

一、使用表单的方法提交数据

1、利用form表单的action属性来获取表单的数据并提交,代码如下

html获取在线,在线获取html代码
(图片来源网络,侵删)

&lt;form action="form_action.php" method="get"&gt; <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、可以使用J***aScript的选择器选择表单的元素并获取其输入的数据,代码如下:

<form action="form_action.php" method="get"> <p>First name: <input id="***1" type="text" name="fname" /></p> <p>Last name: <input id="***2" type="text" name="lname" /></p> <input type="submit" value="Submit" /> </form> <script> console.log($('#***1').val()) console.log($('#***2').val()); </script>

2、其中$('#***1').val()就是获取input输入内容的值

到此,以上就是小编对于html获取在线的问题就介绍到这了,希望介绍关于html获取在线的2点解答对大家有用。

[免责声明]本文来源于网络,不代表本站立场,如转载内容涉及版权等问题,请联系邮箱:83115484@qq.com,我们会予以删除相关文章,保证您的权利。 转载请注明出处:http://www.fengdengtech.com/post/67703.html

分享:
扫描分享到社交APP