html中如何提取代码

HTML中提取代码是一个常见需求，比如在编写技术博客或者教程中，需要插入一段代码来展示某个功能的实现方式。这个时候，pre标签就可以帮助我们实现这个需求。

	var num1 = 5;
	var num2 = 10;
	var sum = num1 + num2;
	console.log(sum);

pre标签是一个HTML中用来定义预格式文本的标签，它可以保留文本中的空格和换行，不经过HTML解析器处理。如果我们将代码放在一个pre标签中，可以确保代码的格式和原本的一样。

如果您在编写HTML表单，那么从输入框中提取代码也是一个常见的需求。比如我们希望用户在一个输入框中输入一段HTML代码，然后我们需要提取这段代码来展示在页面中。

	<div class="Box">
		<p>这是一个div标签</p>
	</div>

在这种情况下，我们可以通过JavaScript的innerHTML属性来获取输入框中的代码，然后将其插入到页面中。比如：

	var input = document.getElementById("inputBox");
	var code = input.innerHTML;
	
	var output = document.getElementById("outputBox");
	output.innerHTML = "<pre>" + code + "</pre>";

这段代码首先获取了一个ID为inputBox的输入框，然后通过其innerHTML属性获取了输入框中的内容。接着，将获取到的代码插入到一个ID为outputBox的输出框中。注意，这里我们将获取到的代码放在了pre标签中，这样就可以保留原本的格式。

HTML中提取代码可以通过pre标签来实现，在编写HTML表单时，可以通过JavaScript的innerHTML来获取代码并展示在页面中。