Obrigado a todos por responder minhas duvidas, ingressei a pouco tempo no mundo da programação e graças a vocês descobrir que alguns conceitos que aprendi estavam obsoletos .
Essa discussão é para fins didáticos.
Seguir as indicações de vocês e atualizei o código, durante a atualização descobrir que os dados da "funcao_gravar.php" não coincidiam com o banco de dados, além disso os erros de digitação do formulário tornava tudo mais complicado.
Primeiro atualizei o formulário presente na "index.php" em seguida corrigir o banco de dados.
Vejam como ficou.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css">
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
</head>
<body>
<form name="form1" id="form1" method="post" action="funcao_gravar.php">
<table width="806" border="0" cellpadding="2" cellspacing="2">
<tr>
<td width="83"><div align="right"><strong>PRODUTO:</strong></div></td>
<td width="621"><span id="sprytextfield1">
<input type="text" name="produto" id="produto" size="35"; />
<span class="textfieldRequiredMsg">Você deve definior o nome do produto.</span><span class="textfieldMinCharsMsg">Número mínimo de caracteres não atendido.</span><span class="textfieldMaxCharsMsg">Número máximo de caracteres excedido.</span></span></td>
</tr>
<tr>
<td><div align="right">PREÇO</strong></div></td>
<td><span id="sprytextfield2">
<input type="text" name="preço" id="preço" size="10" value="R$" />
<span class="textfieldRequiredMsg">Você deve definior o preço do produto</span><span class="textfieldMinCharsMsg">Número mínimo de caracteres não atendido.</span><span class="textfieldMaxCharsMsg">Número máximo de caracteres excedido.</span></span></td>
<td width="82">
</tr>
<tr>
<td><div align="right"><div></div></td>
<td><INPUT type="submit" name="button" value="Cadastar" /></td>
</tr>
</table>
</form>
<script type="text/javascript">
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "none", {minChars:3, maxChars:200});
var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2", "none", {minChars:6, maxChars:20});
</script>
</body>
</html>
"Funcao_gravar.php" sem atualização. obs: referencia ao código desatualizado...
<?
$sql = mysql_connect ("localhost", "root", "");
$db = mysql_select_db("curso, $sql");
$produto = $_POST['produto'];
$preço = $_POST['preço'];
$sql = mysqli_query("INSERT INTO produtos (produto, preço) value ('$produto', '$preço')");
header("Location: index.php");
?>
OBS: testei sem atualizar a "funcao_gravar.php" e funcionou perfeitamente, mas como o código esta obsoleto atualizei conforme sugerido com "pdo" , vejam como ficou.
"funcao_gravar.php" atualizada com "pdo"
<?php
$conect = new PDO("mysql:host=localhost;dbname:curso 2", $usuario="root", $senha="");
function erro() {
echo "(!) Erro ocorrido. (!)";
}
function inserir() {
$produto = $_POST['produto'];
$preço = $_POST['preço'];
try {
$add = $conn->prepare("INSERT INTO produtos (produto, preço) VALUES ('$produto', '$preço')");
}
catch (PDOException $i)
{
echo "Erro: " . $i->getMessage();
}
}
header("Location: index.php")
?>
Aparentemente a conexão com o banco de dados "curso 2" esta correta mas quando o formulário envia os dados para a "funcao gravar.php" ele não grava os dados.
Resumo estou com duas duvidas, a primeira é porque os dados não esta sendo registrado no banco de dados?
A segunda duvida é como listar os dados gravados no banco de dados na 'index.php" ?